100+ Useful Bookmarklets For Better Productivity | Ultimate List | Tools

October 13, 2009 at 2:23 am (Uncategorized)

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:

Browser resize

Here’s a complete article of browser resizing bookmarklets with positioning capability.

browser resize bookmarklets

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.

better readability

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.
edit website

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.

Download 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

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.

grid display

Cascaded%20Styles

Favelet%20made%20by%20pixy

%E2%80%98);w.document.write(%E2%80%99

%E2%80%98);w.document.write(%E2%80%99


');w.document.write('

%E2%80%98);w.document.close();var%20wp=w.document.getElementById(%E2%80%99props%E2%80%99);Ev(document.childNodes);function%20ES(e){var%20o,s=%E2%80%9D,nm=e.nodeName;var%20p=w.document.getElementById(%E2%80%99prop%E2%80%99).value;if(e.id)nm+=%E2%80%99#’+e.id;if(e.className)nm+=%E2%80%99.’+e.className;if(document.defaultView)s=document.defaultView.getComputedStyle(e,null).getPropertyValue(p);else%20if(e.currentStyle)s=eval(%E2%80%99e.currentStyle.%E2%80%99+p);o=nm+%E2%80%99
%E2%86%93%20%20%20%E2%80%B2+p+%E2%80%99:%20%E2%80%B2+s+%E2%80%99
%E2%80%98;wp.innerHTML+=o;w.document.close()}function%20Ev(ch){var%20i,e;if(ch)for(i=0;isafari

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: