PB
Available
arrow_back Back to Blog

How to Leave Notes on Websites for Yourself to Read Later

PB

Patrick Bushe

December 24, 2025 · 5 min read

A bookmark tells you that you found a page worth saving. It doesn't tell you
why. Three weeks later, you're going through your bookmarks folder and you
have React Performance Patterns with no context — was this the article
with the memo() gotcha you wanted to try, or the one about virtualization?

Page-attached notes solve this by letting you leave context directly on
the page, rather than separately in a notes app or a bookmark description.

Why page-attached notes beat bookmark notes

The key difference is where the note lives. A bookmark note is separate from
the content — you read it before visiting the page. A page-attached note
appears in context, next to the specific section that prompted you to
save the note in the first place.

For reference pages you visit repeatedly (documentation, API references,
confluence pages, wiki articles), page notes accumulate into a personal
knowledge layer. Instead of remembering there was a weird edge case in
this docs page, you see your past note right at the relevant section.

Using Sticky Notes Anywhere for persistent page notes

Sticky Notes Anywhere stores notes by URL and renders them on top of
the matching page every time you visit.

The basic pattern for notes for later:

When you're leaving a page you want to come back to:
1. Hit Alt+N to create a note
2. Write yourself context: why this page matters, what to look at on
your next visit, what question you still have
3. Position the note somewhere visible — top of the page or near the
relevant section
4. Close the tab

When you return:
The note is waiting. You don't have to reconstruct why you were here.

Practical use cases

Documentation pages with known issues:
You discover that a library's docs have outdated code samples in a specific
section. Add a note: Section 3.2 samples are for v2 — see GitHub issues
#4821 for v3 syntax. The next time you look up that page, you see the
warning before reading outdated code.

Work tools with non-obvious workflows:
Your company's project management tool has a weird quirk — exporting
a report requires clicking a hidden button that's not in the main UI.
Add a sticky note on that page with the steps. Now you won't need to
rediscover the same workaround every time.

Partially-read long articles:
You're reading a 10,000-word technical post, get interrupted, and come
back to it the next day. Add a note at the section where you stopped:
left off here — 2026-01-05. Much faster than scrolling to find your place.

Pages you want to re-evaluate:
You see an article arguing for a framework or approach you're skeptical of.
Add a note: skeptical of the performance claims in section 2 — verify
before adopting. When you return later after trying it, your note
frames how to read the page.

Exporting and backing up notes

Sticky Notes Anywhere stores notes in Chrome's local extension storage,
which syncs if you have Chrome Sync enabled. From the notes panel, you
can export all notes as a JSON file for an external backup. The JSON format
is simple enough to import into other systems if you ever need to migrate.

Mobile considerations

Sticky Notes Anywhere is a desktop Chrome extension and doesn't run on
mobile browsers. If you use Chrome on Android, the extensions simply
don't execute. For cross-device note-taking tied to URLs, Hypothesis
(with its mobile-compatible bookmarklet) is a better choice.

For workflows that are entirely desktop-based, this limitation rarely
matters. Most serious research and documentation reading happens on a
computer, not a phone. But it's worth knowing so you don't expect your
notes to appear when you look at the same URL on your phone.

Using notes as a personal changelog

For developers who frequently reference documentation for APIs and libraries
that evolve over time, sticky notes can serve as a personal changelog layer.
When you notice that the behavior described on a docs page has changed in
a recent library version, add a note: behavior changed in v4.2 — see
migration guide at [URL].

This is especially valuable for documentation that lags behind the library
itself — a common problem in open source projects where docs are maintained
by the community. Your personal annotations keep the docs accurate for you
even when the official text is outdated.

Organizing notes by color

  • Sticky Notes Anywhere supports multiple note colors (yellow, green, blue,
  • red, and a few others). Use colors consistently to encode meaning:
  • Yellow: general observations and context
  • Green: this is correct, confirmed working
  • Red: warning, outdated, or broken information
  • Blue: to-do, come back to this

With this system, when you land on a page, the color of a note immediately
tells you its nature before you read it. Red notes at the top of a page
are a visual warning that something on this page needs to be read critically.

More Tools by Patrick Bushe

Free Chrome extensions to boost your productivity and privacy