29 January 2013

One-line browser notepad bookmark

I just saw this neat trick to turn your browser into a notepad by Jose Jesus Perez Aguinaga via hacker news. It’s an elegant use of the data URI schema to create an empty, editable page in one, short line:

data:text/html, <html contenteditable>

In case you missed it… that’s a URL. So, you can just go to that as a page, even bookmark it, and it'll work like a little built-in app. Furthermore, since all of the logic is stored directly in the URL, it will work even if you’re not connected to the internet.

scratch ← click to open the one-line notepad (you have to click on the page to start writing)

However if you’re gonna take the time to bookmark something, we can extend it to include a little bit of styling and to auto-focus the cursor onto the page:

scratch+ ← a slightly prettier version, click or drag to your browser bar

I called them “scratch”, because emacs has a buffer called *scratch* for the same purpose. Also, I really like data URIs.

Did you find this helpful or fun? paypal.me/mrcoles
comments powered by Disqus

Peter Coles

Peter Coles

is a software engineer living in NYC who is building Superset 💪 and also created GoFullPage 📸
more »

github · soundcloud · @lethys · rss