In this article, we’ll show you some of the most useful bookmarklets for designers, developers or even if you are a net surfer, they might just come in handy. Installing a bookmarklet is simple – all you need to do is drag them to your bookmark toolbar, that’s all.
Why are bookmarklets cool?
They are efficient! We figured you might compare it with add-ons and browser plug-ins. Here are some advantages of bookmarklets over plug-ins we can quickly come out with:
- Hassle-less installation – Installing a bookmarklet is simple. All you need to do is drag it up to the bookmark toolbar. To remove them, just right click on it and hit delete.
- No updates – Most plugins require update especially when there is a new version of the browser. Boomarklet on the other hand, are less likely to require an update.
Social Bookmarking and Sharing
Here are a bunch of social bookmarking bookmarklets that might come in handy:
- Digg this!
- Design Float
- Facebook – Share links in Facebook.
- Stumble Upon? – Check if a site/page has been Stumble Uponed.
- Tumblr – Share images on Tumblr.
- Gmail This – Quickly paste a link in Gmail
Here’s a complete article of browser resizing bookmarklets with positioning capability.
Readability, Download and Prints
Browsershot – Get a browsershot printscreen of any website.
Tidy Read – Tidy up your page for better readability.
Remove bloat– Remove all occurrences of Flash, Java,and other third-party iframes.
Edit Website – Allows you to edit any websites you viewed. Original display will be restored upon refresh.
Traffic, Password and Site Information
Zap Cookie – Removes cookies set by the site, including cookies with paths and domains.
Show Password – Set a password and forgot? This bookmarklet takes in your ***** from form field and output you the actual password.
Domain owner – Tells you who own the domain of the site you are viewing.
Delicious – Shows you who, how many people bookmarked the site in delicious.
Alexa – Shows you the Alexa ranking of the site.
Compete – Shows compete.com ranking.
AttentionMeter – Gives you the Alexa, Quancast, Crunchbase, Alexa and Technorati ranking of the site in a lightbox.
Design and Develop
Aardvark – Aardvark is a Firefox plugin that gives you HTML element details like ID, class, image, position, etc of the page you are viewing. Good news is, it also comes in bookmarklet format.
Layout Grid – Applies a layout grid image to the body of the page.
ASCII Table – Brings up a ASCII table for your reference.
Spry Media – Created by Spry Media, this bookmarklet allow you to view a page in grid view, with ruler measurement, measuring points with units and much more.
Reload CSS – Reloads CSS every 2 seconds. Useful for those who’s constantly editing on the design and need a fresh look at the effects.
Validate RSS – Check site RSS validity with feedvalidator.org.
Dictionary and Translation
Quickly search and get answers from these online sites:
These following bookmarklets allow you to quickly translate a webpage from one language to another using Google translate.
- German to English
- Chinese Simplified to English
- Chinese Traditional to English
- Italian to English
- Spanish to English
- Japanese to English
Useful Tools and More Bookmarklets
How to Efficiently Manage Your Collection of Bookmarklets – Efficiently manage bookmarklets across all browsers and computers.
Translation Bookmarklets – Great list of various translation bookmarklets.
howtocreate.co.uk – More bookmarklets for designers and developers.
webreference.com – How to create Bookmarklets.
PimpMySafari – Great collection of bookmarklets for Safari browser.