Skip to content

Instantly share code, notes, and snippets.

@jaymcgavren
Last active February 2, 2022 17:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jaymcgavren/bca10339fcc2913a249d4e340eca08a2 to your computer and use it in GitHub Desktop.
Save jaymcgavren/bca10339fcc2913a249d4e340eca08a2 to your computer and use it in GitHub Desktop.
Notes bookmarklet: Paste this into your browser's address bar (the separate lines will merge), then bookmark the resulting "page". You'll have a page with just a single, large textarea (which will have cursor focus). Just start typing whatever you want.

Due to the ubiquitous problem of tab overload, I need a way to remind myself what a browser window is for. I tried labelling tab groups in Chrome, but that gives me almost no space to work with. I thought I was going to have to install (and trust) an extension. So I was pleased to find a hack at the top of https://www.makeuseof.com/tag/use-browser-notepad/ I customized it a bit though.

Paste this into your browser's address bar (the separate lines will merge), then bookmark the resulting "page".

You'll have a page with just a single, large textarea (which will have cursor focus). Just start typing whatever you want.

It'll all disappear when you close the tab, which for my use case is a feature, not a bug.

I should mention that Chrome preserved the contents of all my note pages across a system restart! (Because I didn't close the tabs, I quit Chrome.) Must be some kind of protection built into the browser against losing form entries; I thought that only happened if a site implemented it. I'd been annoyedly copying all my notes areas to a text file ahead of the restart, but I guess I didn't need to!

data:text/html,
<body style="background-color: black;">
<textarea rows=60 cols=120 autofocus style="background-color: black; color: white;">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment