Did you know that we’re able to create client-side, in-browser content editing using basic HTML elements? We could then save that edited content to the browser’s local storage.

The key to making this happen is with the HTML5 contenteditable attribute. To see how contenteditable works, we’re going to have a little fun by creating a real-time, in-browser CSS editor. Watch my short tutorial to see how this works.

In the second part of this post, we’ll take a look at how to save edited content with HTML5’s local storage feature.

Download Project Files

Learn more about HTML and CSS at Treehouse!