Sometimes I need a blank screen to stare at, especially when context switching between tasks; so I made this Chrome extension with basic note taking capabilities.
I kept the code as simple as possible, formatted for developers with dyslexia. Let me know your opinions.
I hope you find it useful. Feel free to personalize and hack your own copy. Feedback very welcome.
DEMO: https://raw.githubusercontent.com/hakaneskici/minimalistab/r...
Install as an extension: https://github.com/hakaneskici/minimalistab
Features:
* Take notes with formatting
* CMD/CTRL + {B, I, U} or toolbar
* Works offline by design
* Auto save to local storage
* Download as .html file
* Dark/light system theme
* Paste images and links
* Plain JS, no dependencies
* No tracking, no telemetry, no cookies
* Works without JS too (no saving)
* 100% handcrafted human code (TM)
Here's the primary trick that makes this possible:
https://news.ycombinator.com/item?id=43179649
Previous discussions and tools:
[1] Nash - https://news.ycombinator.com/item?id=43358914
[2] Notetime - https://news.ycombinator.com/item?id=43434152
[3] NoteUX - https://news.ycombinator.com/item?id=43492415
[4] TiddlyWiki - https://tiddlywiki.com/
https://zareith.github.io/chillmd/
Although most tools use the "contenteditable" trick, I noticed some save the *entire page* as HTML. I used a different approach to enable downloading just the editable content:
const blob = new Blob([content], { type: "text/html" });
const url = URL.createObjectURL(blob);