3 Useful bookmarklets I use (almost) daily

Bookmarklets are small javascript snippetes that you can use to perform simple tasks. Below are 3 simple bookmarklets that I find myself using regularly while browsing or doing web development.

To make use of these, simply drag the link to your bookmarks bar.

1: SaneColor

SaneColor

Changes the font and background to readable colors

Often during browsing or reading articles I get to pages that I find really hard to read due to bad contrast or just hard to read colors. This bookmarklet changes the colors of the background and font to something readable, and works without having to reload the page.

2: jQuerify

jQuerify

Injects jQuery for usage in the console on any site

These days I dont use jQuery as often, but I still find myself wanting to quickly check some things out on a page using its syntax. This bookmarklet makes jQuery available on any page with the click of a button.

Based on a modified (to work on any site) version of this ancient post: https://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet

3: Make Editable

Make Editable

Makes any page editable from the browser

Often during designing it can be nice to simply edit content directly to see what it would look like. This bookmarklet simply sets contenteditable for the whole page.

This can even be useful on pages to remove annoying blinking/distracting elements for the session.


Do you have any other useful bookmarklets? Let me know in the comments :)