Creating Show & Edit Style Element Using HTML5 ContentEditable Attribute

Chris Coyier of CSS-Tricks.com 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 : http://css-tricks.com/examples/ShowCSS/
Website : http://css-tricks.com/show-and-edit-style-element/

Tagged with: , ,

About the author

yadirosadi

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