Creating Show & Edit Style Element Using HTML5 ContentEditable Attribute

Chris Coyier of has show us, how to creating “show and edit style element “. It that let users edit CSS styles and have them update in real-time using the HTML5 ContentEditable attribute.

To implement it. You just put the CSS <style> blocks in the <head> and give the HTML5 attribute of contenteditable in your HTML and you can literally edit the CSS right there and watch it effect the page.

Demo :
Website :

Tagged with: , ,

About the author


Yadi Rosadi is a Blogger, Web enthusiast, Editor and Founder of Find me on twitter, Google +, stumbleupon