I wanted a place where I could write down my thoughts without them being stored in the cloud or connected to an account (notes, onenote, evernote, docs, paper, gist, etc). I don't really like terminal text editors, notepad, or IDEs for writing, so I made this very simple notepad. It's a <body> html tag with the contenteditable attribute making it editable, and some <style>.<p>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.<p>The two colors are from Solarized. Feel free to download the file and update style/markup to your preference.<p>Some ideas/variations:<p>Dark theme: <a href="https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/dark.html" rel="nofollow">https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/dark.html</a><p>Serif: <a href="https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/serif.html" rel="nofollow">https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/serif.html</a><p>HN theme: <a href="https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/hn.html" rel="nofollow">https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/hn.html</a><p>With heading: <a href="https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/with-heading.html" rel="nofollow">https://jjjjjjjjjjjjjjjjjjjj.github.io/new-note/with-heading...</a>
Litewrite[1] is a great notepad that does save notes to browser localstorage, and has a syncing feature (you can sync through Dropbox, Google Drive or any RemoteStorage provider)<p>[1] <a href="https://litewrite.net/" rel="nofollow">https://litewrite.net/</a>
For the record, here's the smallest notepad with local persistence we've golfed in JS: <a href="http://xem.github.io/postit/" rel="nofollow">http://xem.github.io/postit/</a>
(github: <a href="https://github.com/xem/postit/" rel="nofollow">https://github.com/xem/postit/</a>)
Perhaps also interesting for people who like this: Firefox Notes.<p><a href="https://testpilot.firefox.com/experiments/notes" rel="nofollow">https://testpilot.firefox.com/experiments/notes</a>
old thread about the same with good examples: <a href="https://news.ycombinator.com/item?id=6005295" rel="nofollow">https://news.ycombinator.com/item?id=6005295</a>
<a href="https://codepen.io/anon/pen/OZxqMo?editors=1000" rel="nofollow">https://codepen.io/anon/pen/OZxqMo?editors=1000</a> sublime text with vim and drag and drop files and tabs. why? why not? idk.
more examples in this thread <a href="https://coderwall.com/p/lhsrcq/one-line-browser-notepad" rel="nofollow">https://coderwall.com/p/lhsrcq/one-line-browser-notepad</a>
I've also built something similar in past, which is also a PWA which works offline(and quite minimalistic): <a href="https://notepad.js.org" rel="nofollow">https://notepad.js.org</a>
I think this really shows how powerful Web technologies are! Think about it: you get a full-fledged editor, with image embedding, and it only takes 200 <i>bytes</i>. Not kilobytes or megabytes, just bytes. Now check Evernote in the AppStore which weighs in at 111.5 <i>megabytes</i>.<p>If you’re still writing native apps in 2018, you’re throwing money right out of the window and you deserve bankruptcy.