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/

Creating Show & Edit Style Element Using HTML5 ContentEditable Attribute
0 votes, 0.00 avg. rating (0% score)