HowTo: Live Edit CSS tutorial

A quick and easy way to do live editing on css without using javascript but only HTML and CSS. Watch the youtube video tutorial to learn more and apply it to your website. The demo link is included in the description of the video.

Info:

The tutorial uses the contenteditable attribute of html tags to be able to type something. So if we add this attribute to the "style" tag then we can edit the style of the whole page. Or just limit it by adding "scoped" attribute to the tag. But, remember to use SHIFT+ENTER to add new line, don't use ENTER only as there would be problem in most browser (they can't read the css properly).