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)
Latest Comments
  1. söve
    Reply -

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">