I built a quick responsive front-end for this and re-wrote the JavaScript so the order goes: HTML -> CSS -> JavaScript
Github: https://github.com/tomhodgins/liveeditor
Screenshot: http://i.imgur.com/SuXoXHb.png
Github: https://github.com/tomhodgins/liveeditor
Screenshot: http://i.imgur.com/SuXoXHb.png
Extra HTTP request has more overhead then few inline bytes.
if you put that code at bottom, you won't need jQuery to know if page is ready, and won't need extra HTTP request.
This user interface is very nice, bravo!
In your JS, you can replace html["value"], css["value"] and js["value"] with html.value, css.value and js.value