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/
Pingback: 20 Best HTML5 Tips, Tricks And Tutorials From 2011 | stylishwebdesigner
Pingback: 20 Best HTML5 Tips, Tricks And Tutorials From 2011 | Joomla Magento Wordpress Prestashop blog posts from around the web
Pingback: HTML5, Tutorials for Web Designers | Web Help 101