“Bookmarklet” was once a very exciting word in the world of the internet. The little Javascript apps packaged in a bookmark and placed on your browser’s toolbar are able to provide one-click, value-added functionality that can greatly enhance your browsing.
These days most people (myself included) prefer to install browser plugin or extensions that can potentially add more complex functionality than a bookmarklet and provide much more integration with your browser experience. But the fact remains: a short snippet of code in a bookmarklet is a much more elegant and portable solution than an extension or plugin that needs to be installed and may be constantly taking up memory. An added bonus: bookmarklets will almost always work on any browser.
I recently switched to Chrome after Google’s browser added support for extensions in earnest (and in fact wrote an article about the must-have extensions for Google Chrome). I did, however, find myself transferring over to Chrome some indispensable bookmarklets that I was using on my previous browser; hence the idea for this posting was born.
This posting will present my favorite 12 useful bookmarklets that I use: Email This from Clickability, ClipNabber, Readability, PrintWhatYouLike, PageZipper, BitLet bookmarklet, FirebugLite, View Passwords, BugMeNot, Bit.ly, Map This, and Design.
1. Email This from Clickability: as the name implies, will let you send the link of the current page via email. The cool thing about this is that it is self contained: it will not need to open your local email client, no’r will it require opening any webmail service such as gmail. Simply click, enter a destination email or emails as well as your own email address, and send.(You can register for an account with Email This if you would like address book integration and the like, but that is totally optional).
The bookmarklet itself: Email This. (drag and drop onto your bookmarks toolbar)
Click here to view my previous full review of this service.
Go here to visit the Email This home page.
2. ClipNabber: a bookmarklet that can download almost any video from any video sharing site, excepting video services with encrypted media. The range of supported sites is amongst the largest I’ve seen, and includes YouTube, Dailymotion, Vimeo, MegaVideo, etc. I actually sought out this one in light of the apparent absence of video downloading extensions for Chrome similar to DownThemAll or Download Helper.All you need to do is click the bookmarklet while on the page of the video you want to download. Note, however, that you need to be browsing videos on the video sharing sites themselves and not watching them embedded in blogs and the like, in order for the bookmarklet to work. (In almost all cases, clicking on the video itself no matter where it is located will transport you to the video page on the video sharing service).
The bookmarklet itself: Nab It! (drag and drop onto your bookmarks toolbar)
Click here to view my previous full review of this service.
Go here to visit the Clipnabber home page.
3. Readability: this bookmarklet strips everything on a website you are viewing but the content of the article itself (i.e. the text, images, links and embedded media in the article itself). Everything else, such as ads, the design of the page , the content of headers, footers, and sidebars is all removed, and the resulting contents placed as black text on white background.This can come in handy if the page is extremely busy and/or confusing, or if you want a single-click printable version of the page.
The bookmarklet itself: Readability (drag and drop onto your bookmarks toolbar)
Go here to visit the Readability home page.
4. PrintWhatYouLike: is designed to transform web pages so that you remove all the elements that you do not want prior to printing or saving them (will save a webpage to both HTML and PDF).PrintWhatYouLike is amazingly versatile; simply click on any element on the page and you could isolate, remove, resize or save it, to name a few options. It also offers the option to remove all images from a page in one fell sweep.Simply a great bookmarklet to have.
The bookmarklet itself: PrintWhatYouLike (drag and drop onto your bookmarks toolbar)
Go here to visit the PrintWhatYouLike home page.
5. Bitlet bookmarklet: Bitlet is a web based torrent client that lets you download a torrent via your browser (I first mentioned Bitlet way back in a post entitled 5 Free Torrent Resources). It is a great way to avoid installing a torrent client on your machine in situations where you cannot or do not want to (or where p2p traffic might be blocked). It works really well to download torrents and requires java.The Bitlet bookmarklet works on a wide range of Torrent sites and will transform the torrent links to Bitlet links that open and download via Bitlet (see screenshot).
The bookmarklet itself: BitLet (drag and drop onto your bookmarks toolbar)
Go here to visit the BitLet home page.
6. View Passwords: there are times when you need to know what that autofilled password behind the asterisks is. The “View Passwords” bookmarklet will simply display all passwords on the page that are otherwise not visible.I had a bookmarklet that does this in my browser for an exremely long time, but when I searched the internet to find the source I came upon the one mentioned here, which is even better than the one I had originally.
The bookmarklet itself: View Passwords (drag and drop onto your bookmarks toolbar)
Go here to visit the original View Passwords page.
7. PageZipper: once you click on this bookmarklet, scrolling down to the bottom on a blog like this one or, say, on a page of search results will automatically load the next page for you, so that you simply keep scrolling down rather than jump from one page to the next. A little unusual, but works really well. (On a personal note, I have found it works really well when you are seeking to grab a bunch of web-based data dispersed across a dozen or so pages and paste it into Excel in one fell swoop).I like PageZipper because it works with sites that have “previous/next” links at the bottom as well as sites, like this one, that have page numbered navigation. Some browser extensions that offer the same functionality will offer the former but not the latter.
PageZipper will display browsing arrows in the upper right corner that can be really handy for navigation (see screenshot).
The bookmarklet itself: PageZipper. (drag and drop onto your bookmarks toolbar)
Click here to view my previous full review of this service.
Go here to visit the PageZipper home page.
8. Firebug Lite: Firebug is one of the best web development tools available for Firefox, allowing for debugging, editing, and monitoring of CSS, HTML, Javascript, etc. I use it frequently when I am tweaking my website and cannot imagine what to do without it.Unfortunately, Firebug is not available for other, non-Firefox browsers, but Firebug Lite is. It doesn’t provide the breadth of functionality that Firebug does, but for quick inspections of pages or page elements it will work just fine in a pinch, without requiring you to switch to Firefox.
The bookmarklet itself: Firebug Lite (drag and drop onto your bookmarks toolbar)
Go here to visit the Firebug Lite home page.
9. BugMeNot: we’ve all had the experience where we wanted to get into a site, like a forum or a torrent site (or the New York Times or Washington Post), but found that it required you to register or become a member first. BugMeNot is a service that provides public-domain passwords that work with a wide range of sites. All you need to do is click on the BugMeNot bookmarklet when the site is loaded in your browser in order to find out if you can use a temporary login to get in, without having to register as a user yourself.But don’t expect the logins to work every time. BugMeNot will actually give you a percentage of times the password worked, based on user votes.
The bookmarklet itself: BugMeNot. (drag and drop onto your bookmarks toolbar)
Click here to view my previous full review of this service.
Go here to visit the BugMeNot home page.
10. Bit.ly: do you use Twitter? Do you need to use a URL shrinking service regularly? If so, the Bit.ly bookmarklet will come in very handy. Clicking it will open a web page and present you with a shortened version of the page you were at when you clicked.The bookmarklet itself: Bit.ly. (drag and drop onto your bookmarks toolbar)
Go here to visit the Bit.ly home page.
11. Map This: this is a bookmark that let you enter an address and map it out for you in Google Maps. I sought this out because I wanted to be able to look up addresses simply in a manner similar to my iPhone, instead of going through the Google website.The bookmarklet itself: Map This. (drag and drop onto your bookmarks toolbar)
I actually have no idea where I got this, but here’s a page that has some good Google maps bookmarklets info.
12. Design: also known as Grid/Rule/Unit/Crosshair, is a suite of tools that can be extremely useful for web designers. It will summon a number of tools, on the browser, that can use to measure and calibrate your site design. Needless to say it can prove extremely useful for web designers and tweakers (esp those of you working with or creating CSS).
I just kind of piled up some of the tools on the page simultaneously for the screenshot to the right, in order to show off some of the functionality, so it looking very busy. In real life situations each one of the tools would be used separately of course.
The bookmarklet itself: Design. (drag and drop onto your bookmarks toolbar)
Go here to visit the Design home page.
Do you have suggestions for cool bookmarklets that should have been on this list? Please let me know in the comments section below.
There’s this one for automatically translating a web pag into English:
javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=”){location.href=’http://translate.google.com/translate_t?text=’+t+’&hl=en&langpair=auto|en&tbb=1&ie=’+e;}else{location.href=’http://translate.google.com/translate?u=’+escape(location.href)+’&hl=en&langpair=auto|en&tbb=1&ie=’+e;};
I think bookmarklets are most useful for Opera, because it have no plugins and bookmarklets can be a substitute. For content sharing I use shareaholic bookmarklet and Friendfeed sharing bookmarklet. Also I recommend look in this page with bookmarklets http://ruzanow.ru/opera/buttons.html (In Russian).
Great work!
I just can’t live without Readability. I wanted to bring it to your attention but seems you already know it. It makes reading so much more enjoyable and works on almost every site. And I just added Nab It! after reading your article.
I’m surprised you haven’t listed Site Search or Domain Search.
Most handy for any browser.
Useful even for sites with search feature.
The issue here is having a ton of bookmarklets taking up your space on your browser. A good way to reduce a number of these is the Shareaholic extension for Firefox/Chrome.
It doesn’t include all of these, but is a good source to condense a lot of bookmarklets.
Anthony Russo
http://www.anthonyrussoblog.com/Anthony
Skype: anth.russo
Twitter: @AnthonyRusso
Thanks guys for some good suggestions.
@SF: the translate page bookmarklet is indeed crucial to have, except that for Chrome it is not needed as Chrome supports translation automatically.
@ Quarck: thanks for an interesting page.
@ Daniel: site search is indeed a good one. It didn’t occur to me.
@ Toni: glad to hear you liked Clipnabber.
@ Anthony: the Shareholic extension was indeed one of my “must have” Chrome plugins. Nice blog btw.
Design will be very useful for a couple things I’m working on and as a tool I can recommend to others for this little project of mine (but how do you “escape” Crosshair? it wasn’t immediately apparent
). (Also wondering what image preview tool you use for the site–very interesting.) Thanks.
How about LongURL Please? It transforms shortened URLs into their original urls within a web page so you can see the link for sure…
javascript:void(function(){if(typeof%20jQuery%20==%20′undefined’){var%20s=document.createElement(‘script’);s.src=’http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js’;document.getElementsByTagName(‘head’)[0].appendChild(s);}var%20l=document.createElement(‘script’);l.src=’http://www.longurlplease.com/js/longurlplease.js’;document.getElementsByTagName(‘head’)[0].appendChild(l);function%20runIfReady(){try{if($.longurlplease){%20clearInterval(interval);%20$.longurlplease();}}catch(e){}};%20var%20interval%20=%20window.setInterval(runIfReady,100);}())
Prevents malware infections.
Thanks For This. Very Nice.
iran nakliye
I use this one for generating QR codes. Very handy when I need to open something on my phone.
javascript:void(window.open(‘http://chart.apis.google.com/chart?cht=qr&chs=300×300&chl='+encodeURIComponent(location.href),'Qr%20code','top=100,left=200,width=350,height=350,status=yes‘));
I would like to suggest a bookmarklet you hadn’t included:3.ly. It’s a URL shortening service that,as it’s name suggests, shortens urls to only a little more than three words. The bookmarklet is available at it’s homepage.