100+ Useful Bookmarklets For Better Productivity | Ultimate List | Graphic Design Pro
In a nutshell, bookmarklets are small little applications you can place as browser’s bookmark bar and they each perform a specific function, depending on what they are coded for. Bookmarklets are usually written in Javascript and they are extremely easy to install/remove. Bookmarklets work in most common used browsers like Firefox, Opera and Safari but probably lesser support in Internet Explorer.
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 bookmarklet are 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.
- Light – If you’ve installed more than 15 add-ons in your Firefox, you’ll probably find it slower to start. Bookmarklets are just couple of lines of Javascript codes. You can have 50 and Firefox doesn’t even lag a bit.
- 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.
- Cross Browser compatibility – Bookmarklets are written with Javascripts, they work in most browsers.
Social Bookmarking and Sharing
Here are a bunch of social bookmarking bookmarklets that might come in handy:
- Digg this!
- Delicious
- Design Float
- Mixx
- Designmoo
- 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
Browser resize
Here’s a complete article of browser resizing bookmarklets with positioning capability.
Readability, Download and Prints
Shorten URL – In this case, we use bit.ly’s shortening bookmarklet. Click here for a list of URL shorteners with bookmarklet scripts.
Kwout – Make a screen shot of any website you are in with Kwout.
Print Screen – Another print screen bookmarklet. By Aviary.
Browsershot – Get a browsershot printscreen of any website.
Better Readability – This bookmarklet cleans up the page, leaving you with nothing but clean content for better readability. You can create a customized version at Arc90 Lab.
Tidy Read – Tidy up your page for better readability.
“+(j==3?”third-party “+t:t)+”";N.parentNode.replaceChild(b,N);}}}catch(E){r=0}return r}R(self);var i,x;for(i=0;x=frames[i];++i)R(x)})()”>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.
Customize Print – Allows you to customize the layout, fonts, colors, etc before printing a webpage. By printwhatyoulike.
Download as PDF (Firefox) – Convert and save page as PDF. Click here for bookmarklets of other browsers. By pdfdownload.
‘;}else{logotop=”;}if(logobottomimgsrc!==false){logobottom=’
‘;}else{logobottom=”;}link=fileURL.join(’
‘);document.write(’
‘+logotop+’Video Download, ‘+host+’
The following media has been found on the ‘+mediahost+’ website.
- ‘+link+’
Return to ‘+mediahost+’ website
‘+logobottom+’‘);document.close();}else{alert(’No video file has been found.’);}}function extracturls(){if(host.match(/break./i)!=null){mediahost=’Break.com’}else if(host.match(/clipfish.de/i)!=null){mediahost=’Clipfish’}else if(host.match(/dailymotion./i)!=null){mediahost=’Dailymotion’}else if(host.match(/google./i)!=null){mediahost=’Google’}else if(host.match(/metacafe./i)!=null){mediahost=’Metacafe’}else if(host.match(/myspace./i)!=null){mediahost=’Myspace’}else if(host.match(/myvideo./i)!=null){mediahost=’MyVideo’}else if(host.match(/putfile./i)!=null){mediahost=’Putfile’}else if(host.match(/sevenload./i)!=null){mediahost=’Sevenload’}else if(host.match(/youtube./i)!=null){mediahost=’YouTube’}switch(mediahost){case’Break.com’:embmedia=document.getElementById(’break_player’);if(embmedia!=null){source=unescape(embmedia.getAttribute(’flashvars’));if(source.match(/videoPath=/i)!==null){urlstart=source.indexOf(’videoPath=’)+10;urlend=source.indexOf(’.flv’,urlstart)+4;source=in2html(source.substring(urlstart,urlend));filetype=’(.flv)’;fileURL[fileURL.length]=urlstra+source+urlstrb+mediahost+urlstrc+filetype+urlstrd;source=source.replace(/.flv/,’.wmv’);filetype=’(.wmv)’;fileURL[fileURL.length]=urlstra+source+urlstrb+mediahost+urlstrc+filetype+urlstrd;}}outputxhtml();break;case’Clipfish’:embmedia=document.getElementsByTagName(’embed’);if(embmedia.length==0){outputxhtml();}for(i=0;iDownload video – Supports YouTube, Google Video, Metacafe, Myspace, Break.com, Putfile, Dailymotion, Sevenload, MyVideo.de and Clipfish.de.
More: Zoom in, Zoom out, Remove background, Highlight links
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.
Site Info – A bookmarklet that gives you information (advertising network, platform, widgets, etc) of the website you are currently viewing. By sitonomy.
Site Info – Another bookmarklet to find site info By Buildwith.
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.
Technorati – Find out more information about a particular blog. Click here for more Technorati bookmarklets.
AttentionMeter – Gives you the Alexa, Quancast, Crunchbase, Alexa and Technorati ranking of the site in a lightbox.
Uptime Check – Check if a website is down for everyone or just you. By downforeveryoneorjustme.
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.
Test Selectors – Test and play with selectors. By Westciv.
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.
XRAY – See box model for any element on any site. By Westciv.
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.
Validate CSS – Validate site’s CSS. More CSS bookmarklets – View CSS, Validate HTML- Check if site is using valid HTML based on w3.org. More HTML bookmarklets – Show tables, Show table headings, Show table cells.
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
You can also try this Auto Detect Language bookmarklet, or visit unusualbookmarklets for a complete set and various methods of translation bookmarklets.
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.
Blummy – Organize your bookmarklets, by Blummy.com.
webreference.com – How to create Bookmarklets.
PimpMySafari – Great collection of bookmarklets for Safari browser.
hxt52sgm5
Read more here:
100+ Useful Bookmarklets For Better Productivity | Ultimate List
