1 min read
I'm a big fan of bookmarklets and use them daily to improve my workflow and assist with web development. In short, a bookmarklet is a small application you can place on a browser’s bookmark bar perform specific functions, depending on what they are coded for.
Installing a bookmarklet
To install a bookmarklet all you have to do is drag it's link to your bookmark bar and boom! your good to go. Then whenever you want to use it simply click the button on your bookmark toolbar.
Some of my favourites
Whilst there are loads of bookmarklets out there, these are some of my personal favourites...
A handy bookmarklet that displays the dynamic viewport/screen size in pixels on any website - useful for inspecting and debugging CSS3 @media queries and responsive/adaptive layouts. Window Size
Use this bookmarklet to get a whiff of what your site will look like on older browsers that don't support CSS3. DeCSS3
What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. WhatFont
Responsive Design Bookmarklet
A handy tool for responsive design testing. RWD Bookmarklet
A quick way to disable all CSS for a given page. Remove CSS