Best Firefox add-ons for developers

June 5th, 2011 by Tony de Jesus

Mozilla Firefox is probably the most popular browser among web designers and developers. One of the factors that make this browser so valued is the huge library of add-ons/extensions that improve your browsing experience.

However, installing a lot of unnecessary extensions will slow down the browser’s performance. In this article, I’ll show you the list of extensions that I’m using and, in my opinion, are enough and useful for a web developer.

Adblock Plus iconAdblock Plus

Allows you to prevent download and display of certain elements,  mainly advertisements.


ColorZilla iconColorZilla

ColorZilla allows the picking of a color from any point in the browser, quickly adjusting this color and pasting it into another program.


Download Statusbar iconDownload Statusbar

It’s an extension that allows you to view and manage downloads from a tidy statusbar – without the download window getting in the way of your web browsing.


Firebug iconFirebug

Allows you to inspect, edit and monitor CSS, HTML, JavaScript and Net requests in any web page.


MeasureIt iconMeasureIt

Allows you to check the width, height, and alignment of any webpage or its elements by simply drawing a ruler.


Rainbow iconRainbow

It’s a tool that works like a color picker and eyedropper, and allows you to save and try out colors with drag and drop.


Screengrab iconScreengrab

It allows you to capture what you can see in the browser’s window, the entire page, just a selection or a particular frame and save it as an image – either to a file, or to the clipboard.


Shorten URL iconShorten URL

This extension shortens the current site, image or link URL using,, or other URL shortening services (currently supports more than 100!), and then display the result in location bar.


Tab Mix PlusTab Mix Plus

This add-on includes such features as duplicating tabs, controlling tab focus, tab clicking options, undo closed tabs and windows. It also includes a full-featured session manager.


Web Developer iconWeb Developer extension

The Web Developer extension adds a toolbar with various options for working with web pages. It has an option to inspect CSS styles of page elements and some miscellaneous functions as clean cache, history.

Do you think that I’ve missed other important extensions? Do you use other useful extensions everyday? Please share in the comment section.



Leave a Reply