The simplest online note-taking website

Jan Erik Klouman's jjjjjjjjjjjjjjjjjjjj is a clever feat of minimalism: a web-based notepad so simple that the saved-to-desktop HTML file works as-is just like it did at the website. On Firefox, it even lets you paste images in! It's almost a joke--it's just a single HTML box with the "contentEditable" attribute--but it works, so who cares? [via Hacker News]

To save a note just store it on disk (cmd/ctrl+s). To add images, drag and
drop them onto the text area. Remove the contenteditable attribute from
<body>, save, and voila, you now have a static lightweight blog post
ready to be published! Formatting can be a bit wonky but should work in
some browsers (cmd/ctrl+b/i/u). Copy+pasting formatted text can potentially
break things a bit.

The two colors are from Solarized. Feel free to download the file and
update style/markup to your preference.

Some ideas/variations:

Dark theme:

https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/dark.html

Serif:

https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/serif.html

HN theme:

https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/hn.html

With heading:

https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/with-heading...

It's hard to one up this, and trying only makes it less attractive, but here goes: paste

data:text/html, <html contenteditable style='padding:10%;'>

into your browser bar and hit return, then drag the generated page's info icon/navicon from the URL bar to the bookmarks bar, thereby creating a bookmarklet. Clicking that bookmarklet will create new blank contenteditable pages that can be saved the same way. Customize the look by stuffing your favorite CSS into that style attribute. Adding a whole <style> section used to be possible but doesn't seem to work anymore, presumably because modern browsers won't run any old nonsense pasted into a URL bar.

Loading...