Webmonkey » cool hacks http://www.webmonkey.com The Web Developer's Resource Fri, 05 Apr 2013 20:20:46 +0000 en-US hourly 1 http://wordpress.org/?v=3.4.2 Turn Your Browser into a Notepad With a Single Line of HTML5 http://www.webmonkey.com/2013/02/turn-your-browser-into-a-notepad-with-a-single-line-of-html5/ http://www.webmonkey.com/2013/02/turn-your-browser-into-a-notepad-with-a-single-line-of-html5/#comments Fri, 01 Feb 2013 21:38:16 +0000 Scott Gilbertson http://www.webmonkey.com/?p=60776 Turn Your Browser into a Notepad With a Single Line of HTML5It's not the most useful tool since you can't easily save your work, but this single line of HTML5 code certainly is clever.]]>

Finally, an editor so simple even Snoopy won’t get distracted. Image: Webmonkey

If you ever need a quick scratchpad to just write, not save what you write, but just write, you can quickly turn your web browser into an ultra-basic notepad with a single line of HTML.

This clever trick comes from developer Jose Jesus Perez Aguinaga who says that “sometimes I just need to type garbage. Just to clear out my mind. Since I live in the browser, I just open a new tab and type”:

data:text/html, <html contenteditable>

Thanks to the HTML5 contenteditable attribute and the modern browser’s ability to handle data URIs, your browser is now a notepad — just click to type.

Of course there’s no easy way to save your work, so while this is probably the most minimal editor you could hope for, it isn’t the most practical for actual work. Still a great trick though. Check out the comments on Aguinaga’s post and on this Hacker News thread for some enhancements to the basic idea (like what I used for the screenshot above) and a Chrome extension.

]]> http://www.webmonkey.com/2013/02/turn-your-browser-into-a-notepad-with-a-single-line-of-html5/feed/ 0