Wednesday, October 9, 2013

Make Your Browser Display Custom Notes When You Open Particular Sites

Do you want to be reminded of certain things when you visit a particular website? Maybe you need a reminder to email someone when you open your webmail inbox, or display a list of items to order when you visit Amazon, or the summary of a long article. Instead of keeping a long to-do list or lots of sticky notes that are visible at all times, you can attach relevant notes to different websites, that are only displayed when you visit that site.

There are many sticky note extensions available for different browsers. These extensions make it possible to create small notes on any web site. These notes remain visible as long as you are on the site and disappear when you close the tab or the browser. If you return to the same page later, the note will be there and in the same spot.


Float Notes is possibly the best sticky note application for Firefox. To create a note, right-click anywhere on the page and then click on “Create note” in the context menu. A semi-transparent yellow colored note will appear. Type directly on it and then click outside to save it. You can drag the note and place anywhere on the page, or drag the edges to resize it. Notes can be attached to a particular page, subpages or the entire website.


Aside from this basic functionality and design, Float Notes has some valuable features.

  • You can use Markdown to format the text of the note. That means you can also include links and images.
  • When scrolling on a web site, small labels at the top and the bottom of the page show how many notes are above or below the current view. You can also jump directly to a specific note via these indicators.
  • Notes can be minimized to save space, or hidden with a single click.
  • Notes can be pinned to make them sticky on the screen, i.e. notes won’t scroll when you scroll the page
  • Location where notes get saved on the disk can be customized.
  • Saved notes can be synchronized through Firefox Sync
  • Notes manager lets you search and view all notes, and edit them.


Note Anywhere is a decent sticky note application for Chrome. To create notes, click on the app button in the toolbar, and a date and time-stamped note will appear on the page. You can customize the color of the note, text color, font and size. Notes cannot be resized. If the size of the text exceeds the size of the note, scrollbars appear on the side. A “notes summary” gives you an overview of the number of notes that you’ve created on each website, but you can’t see the actual notes until you visit the site itself.


If you think Note Anywhere is very limiting in features, you can try Web Page Sticky Notes. This application lets you create notes of any color, or size, add HTML content such as hyperlinks, embed video and images into the note. Notes can be bound to other notes or an HTML element on the page. Notes can also be resized, but you cannot adjust text size.



Opera also has a couple of note taking application, among which I find Noteit Posts the most useful.

Noteit Posts allows you to add persistent notes to any webpage. Notes can be edited freely, colored, and moved about and resized through a simple drag and drop interface. Notes can also be fixed in position relative to the viewport, so that they doesn’t scroll when your scroll the page. Notes can be tied to a single page, or and entire domain, and can easily be managed, edited and deleted from a centralized interface.


Bonus Tip: Do you there is a note taking application built into Opera? You can select any text on a page and create a note from it by right-clicking on the selected text and choosing the option “Copy to Note” in the context menu. You can then filter all notes you created from a certain website or domain by typing the website/domain name into the Notes search box.


Post a Comment

Popular Posts