What is a JavaScript Bookmarklet?
bm/blank-icon.png?modified=1354483582
bm/MagiCSS/MagiCSS-latest/icon.png?modified=1354483589
Magicss: In-page CSS Editor
MagiCSS
MagiCSS
Developer Tools
Write and test your CSS code at the same time with an in-page CSS editor

Just run this bookmarklet and start writing your CSS code and it gets applied immediately. The CSS code you write will be applied on the current web page. It works cross-browser and the CSS code you write will be stored on your browser at site level.

    Uses:
  • Speed-up developing and testing your CSS code by doing it directly on your page
  • Developing and testing your CSS code before finalizing your changes into the CSS files
  • Applying some temporary CSS styles (like hiding some components)
  • Testing CSS changes even when you can not modify the original source code
    Notes:
  • The CSS code you write gets applied immediately
  • It helps you develop and test the code at the same time
  • The CSS code is saved as soon as you write it
  • Use it along with your favorite tools like Firebug, IE Developer Toolbar etc
  • The CSS editor is resizable and draggable
  • Your CSS code written is saved at site level and can be used again for same or different pages
  • You can even use "TAB"
  • Running the bookmarklet while it is already visible will restore it to its original position and size
  • The bookmarklet fetches the latest version every 15 days
  • Press "Esc" or click on close to hide it and run the bookmarklet again to continue making changes
  • The CSS code you write is added at the bottom of the <body> tag of the active page
online
bm/MagiCSS/MagiCSS-latest/MagiCSS-latest.js
bm/MagiCSS/MagiCSS-latest/documents/images/
1.png
2.png
3.png
Developer Tools
CSS
bm/Firebug-Lite/Firebug-Lite-latest/icon.png?modified=1354483583
Firebug Lite
Firebug Lite
Firebug-Lite
Developer Tools
Run Firebug on any browser

Firebug Lite: doing the Firebug way, anywhere. Firebug is an extension for Firefox, but what happens when you need to test your pages in Internet Explorer, Opera, and Safari?

The solution is Firebug Lite, a JavaScript bookmarklet you can use in your pages to simulate some Firebug features in browsers that are not named "Firefox".

Firebug Lite creates the variable "firebug" and doesn't affect or interfere with HTML elements that aren't created by itself.

Firebug Lite supports all basic commands of Firebug.

    Uses:
  • Using Firebug Lite on any browser
    Notes:
  • Compatible with all major browsers: IE, Firefox, Opera, Safari and Chrome
  • Same look and feel as Firebug
  • Inspect HTML and modify style in real-time
  • Powerful console logging functions
  • Rich representation of DOM elements
    The main limitations of the Firebug Lite version are:
  • Cannot read external resources
  • Might not work well on pages with frames
  • JavaScript debugger isn't available
  • Net Panel isn't available
online
bm/Firebug-Lite/Firebug-Lite-latest/Firebug-Lite-latest.js
bm/Firebug-Lite/Firebug-Lite-latest/documents/images/
6.jpg
7.jpg
firebug1.3-small.png
firebug1.3-img05.png
firebug-lite-xhr-json.jpg
Firebug
Lite
bm/Turn-Off-the-Lights/Turn-Off-the-Lights-latest/icon.png?modified=1354483582
Turn Off the Lights
Lights Off
turn-off-the-lights
no
Focus the video you are watching

Turn Off the Lights is a free bookmarklet for your browser. It provides focus to a video you are watching and makes everything around the video go dark. It works for all video sites such as YouTube, Vimeo,... and also on the social networking sites. Focus Now. Always. Everywhere.

    Uses:
  • Focusing only on the relevant video
  • Enjoying the video and avoiding distractions like advertisements
    How to use:
  • Install the bookmarklet.
    Click on the help icon for further instructions.
  • Open the web-page which includes the video you wish to watch
  • Click on the installed bookmarklet
  • Everything around the video will go dark
  • Enjoy the video!
  • Click on the bookmarklet again when you wish to bring it back to normal
    Notes:
  • This bookmarklet works great on all the popular video sites like YouTube, Vimeo, Justin.tv, Dailymotion and so much more
online
bm/Turn-Off-the-Lights/Turn-Off-the-Lights-latest/Turn-Off-the-Lights-latest.js
bm/Turn-Off-the-Lights/Turn-Off-the-Lights-latest/documents/images/
1.png
4.png
2.png
3.png
Video
bm/Share-on-Facebook/Share-on-Facebook-latest/icon.png?modified=1354483583
Share on Facebook
share-on-facebook
Directly share a page on facebook
Facebook

Use this bookmarklet to directly share a page on Facebook.

    Uses:
  • Sharing pages on your Facebook profile
    Notes:
  • You can directly share pages on your Facebook profile
online
bm/Share-on-Facebook/Share-on-Facebook-latest/Share-on-Facebook-latest.js
bm/Share-on-Facebook/Share-on-Facebook-latest/documents/images/
1.jpg
2.png
Facebook
Share
bm/Microsoft-Translator/Microsoft-Translator-latest/icon.png?modified=1354483589
Microsoft Translator
MS Translator
microsoft-translator
Translate any page with the simple click of a bookmarklet
Languages

Translate any page with the simple click of a bookmark. Translation happens in place without leaving the page with this light-weight, cross-browser plugin.

Microsoft Translator delivers automatic translation (Machine Translation) of a text into a specified language. It is a state-of-the-art statistical machine translation system translating between any of the supported languages, and powering millions of translations every day. It also provides additional functionality such as detection of the language of a given text. For more technical information about Microsoft Translator, please visit http://api.microsofttranslator.com.

    Uses:
  • Translating pages to the laguage of your choice
    Notes:
  • It supports more than 20 languages
online
bm/Microsoft-Translator/Microsoft-Translator-latest/Microsoft-Translator-latest.js
bm/Microsoft-Translator/Microsoft-Translator-latest/documents/images/
5.png
1.png
2.png
3.png
4.png
Microsoft
Translator
bm/SuperGenPass/SuperGenPass-latest/icon.png?modified=1354483583
SuperGenPass
supergenpass
A free password generator bookmarklet
Passwords

Use this bookmarklet to generate passwords.

    Uses:
  • Generating passwords
    Notes:
  • It generates passwords based on a master password you provide
online
bm/SuperGenPass/SuperGenPass-latest/SuperGenPass-latest.js
bm/SuperGenPass/SuperGenPass-latest/documents/images/
4.png
1.png
2.png
3.png
Password
bm/Char-Count/Char-Count-latest/icon.png?modified=1354483582
Char Count
Char-Count
no
Get Character and Word counts of the selected text

Use this bookmarklet to get Character and Word counts of the selected text.

    Uses:
  • Calculating character length for your tweets or facebook status
    Notes:
  • Just select the text and know its length
online
bm/Char-Count/Char-Count-latest/Char-Count-latest.js
Word
Character
Count
bm/Readability/Readability-latest/icon.png?modified=1354483589
Readability
Readability
Make the page more readable

Use this bookmarklet to customize the page to make it more readable.

    Uses:
  • Making the page more readable
    Notes:
  • This tool gives you the ability to customize the page to make it more readable
online
bm/Readability/Readability-latest/Readability-latest.js
bm/Readability/Readability-latest/documents/images/
1.png
4.png
2-kindle.jpg
3.jpg
Readability
Customize
bm/Print-What-You-Like/Print-What-You-Like-latest/icon.png?modified=1354483589
Print What You Like
Print-What-You-Like
Print only what you like

Use this bookmarklet to customize your page to be printed.

    Uses:
  • Removing parts which need not be printed
    Notes:
  • This multi-functional tool is a bit heavy, so it might take some extra time to load
online
bm/Print-What-You-Like/Print-What-You-Like-latest/Print-What-You-Like-latest.js
bm/Print-What-You-Like/Print-What-You-Like-latest/documents/images/
2.png
3.png
1.png
Print
Customize
bm/SEO-Toolbar/SEO-Toolbar-latest/icon.png?modified=1354483583
SEO Toolbar
SEO-Toolbar
A bookmarklet to run an in-page SEO toolbar

Use this bookmarklet to do an in-page SEO.

    Uses:
  • Doing SEO on your pages
    Notes:
  • This multi-functional tool is a bit heavy, so it might take some extra time to load
online
bm/SEO-Toolbar/SEO-Toolbar-latest/SEO-Toolbar-latest.js
SEO
Toolbar
bm/KeepVid/KeepVid-latest/icon.png?modified=1354483589
KeepVid: Online video downloader
KeepVid
keepvid
Download streaming videos from websites

Just use this bookmarklet to download streaming videos from various popular websites. No need of any heavy extension for your simple requirements of downloading a YouTube video.

The sites supported by KeepVid include Dailymotion, 4shared, blip.tv, CollegeHumor, eHow, Facebook, Flickr, Metacafe, MySpace, Photobucket, TED, Veoh, Vimeo, YouTube and many more.

    Uses:
  • Downloading YouTube videos
    How to use:
  • Install the bookmarklet.
    Click on the help icon for further instructions.
  • Open the web-page which includes the video you wish to download
  • Click on the installed bookmarklet
  • In a few seconds, you will get the links to download the video in various formats/resolutions
    Requirements:
  • Java is required. It is highly probable that it is already installed on your system
  • If your system does not have Java, go to http://java.com/getjava/
    Notes:
  • Multiple resolutions are supported for download
  • Multiple file formats are supported for download
online
bm/KeepVid/KeepVid-latest/KeepVid-latest.js
bm/KeepVid/KeepVid-latest/documents/images/
3.png
2.jpg
1.png
4.png
YouTube
Video
Download
bm/TextEd/TextEd-latest/icon.png?modified=1354483591
TextEd
TextEd
jQuery
Write and auto-save your site specific notes with an in-page text editor

Run this bookmarklet and start writing down your notes and they will be auto saved, i.e., they will be available to you even when you access the site and the bookmarklet for the next time. The notes you write will be saved on your browser at site level.

    Uses:
  • Mainitaining a "To Do" list for the site
  • Storing frequently used text contents, like your address and contact numbers, which you might prefer to copy-paste rather than typing them all-over again
  • Keping a copy of the long text you are about to type and submit on the site which might be lost due to any sort of communication error
    Notes:
  • The text editor is resizable and draggable
  • The text is saved as soon as you write it
  • Your notes are saved at site level and can be used again for same or different pages for the same site
  • You can even use "TAB"
  • Running the bookmarklet while it is already visible will restore it to its original position and size
  • The bookmarklet fetches the latest version every 15 days
  • Press "Esc" or click on close to hide "TextEd" and run the bookmarklet again to continue making changes
online
bm/TextEd/TextEd-latest/TextEd-latest.js
Text Editor
Bookmarklet

Google Chrome

To install: Drag-and-drop the bookmarklet to the Bookmarks Bar
To show Bookmarks Bar: Click on "Customize and control Google Chrome" button towards the top-right of the browser > Bookmarks > Show Bookmarks Bar

Internet Explorer

To install: Right click on the bookmarklet > Add to favorites > Create In > Favorites Bar
* You might get a security alert. Confirm that to add the bookmarklet.
To show Favorites Bar: Go to View > Toolbars > Favorites Bar

Mozilla Firefox

To install: Drag-and-drop the bookmarklet to the Bookmarks Toolbar
To show Bookmarks Toolbar: Go to View > Toolbars > Bookmarks Toolbar

Opera

To install: Right click on the bookmarklet > Bookmark Link > Click on Details > Check Show on Bookmarks Bar > OK
To show Bookmarks Bar: Go to View > Toolbars > Bookmarks Bar
* Additional instructions for Opera users

Safari

To install: Drag-and-drop the bookmarklet to the Bookmarks Bar > Enter the suggested name for the bookmarklet
To show Bookmarks Bar: Go to View > Show Bookmarks Bar