Is there an HTML/CSS/JS editor that immediately sh

问题:

I just saw Bret Victors Keynote called "Inventing on Principle". At around 3:34 Minutes he uses a code editor that - after a change he makes - immediately shows consequences of it. As he types there are instant results.

This is the video I am talking about: http://vimeo.com/36579366

Another example is this real-time online html editor.

Can you tell me which offline editor I could use to work on my web projects (HTML/CSS/JS) this way? Preferably it can be used on OS X. Thanks!

回答1:

I don't know if there are any free ones, but TextMate has a live preview window. Just don't download the version 2 beta — I don't think it's been implemented there yet. You can also check out Coda and BBEdit.

回答2:

Brackets looks nice, but still on development.

回答3:

http://www.youtube.com/watch?v=TBUC-7D1LIc

this guy already came up with a similar open source program like the one in the video. He also is going to be putting up the source on Github soon.

回答4:

CoffeeCup has a Web Editor in beta that uses live preview and includes the code-preview connection you see in the video. Select an element in the preview and the corresponding HTML/CSS is selected, or select HTML code and see which element it applies to in the preview.

回答5:

If you're still looking for an offline editor, you could always check out Notepad++. It has a live html preview, but doesn't show most of the newer stuff; just basic layouts as well as basic CSS.

Notepad++ Website

回答6:

Espresso updates the preview window as you type in the editor but it's for mac only