I believe it's possible to make Less and SASS work. https://addons.mozilla.org/en-US/firefox/addon/firesass-for-... does work somehow. Can't same the same about CoffeeScript.

Web Inspector editor is not powerful yet, but I'm working in this direction: https://bugs.webkit.org/show_bug.cgi?id=70182, https://bugs.webkit.org/show_bug.cgi?id=71625, https://bugs.webkit.org/show_bug.cgi?id=70181, https://bugs.webkit.org/show_bug.cgi?id=69986 ...

What bothers you the most?

> So the biggest pain is having to hit refresh (not that big a deal).

You could try http://livereload.com/

Is there a way to edit the code as if it were just text? ie. not have to double click the values?

Yes. You can edit CSS in Resources panel (http://youtu.be/N8SS-rUEZPg?hd=1&t=7m18s) and JS in both Resources and Scripts panels. It doesn't have any code completion yet. Also, you have to double click to enter edit mode (I don't know why https://bugs.webkit.org/show_bug.cgi?id=71645).

https://github.com/NV/chrome-devtools-autosave You might find this useful.

You have to reload the page then. Also, copy the changes from this file to your stylesheet.

LiveReload should works on every browser that supports WebSockets. It should work on modern WebKit-based mobile browsers.

Live.js uses polling. It sends XHR HEAD request every second.

LiveReload monitors file changes using FSEvents (on Mac OS X) and inotify (on Linux). When the file modified, it pushes its path to the browser and reloads immediately.

> Live.js uses polling. It sends XHR HEAD request every second.

The horror!

It is horror when you forget about it, and push it up to production

Has nothing to do with Live.js then. Isn't really even about a developer's forgetfulness when pushing to production. It would be about failure to set up different production and development environments, which can cause problems much worse than a wasteful AJAX call.

We should also use base-8 number system! http://infoverse.org/octomatics/octomatics.htm

> - keyboard shortcuts for debugging (go to line, create breakpoint)

F1 shows shortcuts. ⌘G: Go to Line

How do you create a breakpoint with shortcut?

I've made one for 10K too http://10k.aneventapart.com/Entry/235. Mine is SVG based. The code is on GitHub http://github.com/NV/color-blender.

I really like being able to select two colours like that - and the in-between colour is even better. Love that.

I built a Chrome extension that meets gist.github.com and ideone.com http://github.com/NV/run-this-gist. Alas, API doesn't work well in most cases http://ideone.com/tXexT.

Nice idea. There is also a GistDoIt: http://www.gistdoit.com/about

If I knew about it wouldn't build mine.

Why? The more options to choose, the better.

Try http://run-this.appspot.com/ if you don't want to learn SOAP.