Is There An Html/css/js Editor That Immediately Shows Changes?

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.

Solution 1:

Brackets looks nice, but still on development.

Solution 2:

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.

Solution 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.

Solution 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.

Solution 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