If i wasn’t a web designer, i would probably be using Google chrome as my default browser. But my browser of choice any day is Firefox.  This is because of the wide range of add-ons available to extend the browser’s features.

In this post, I’ll show you a few add-ons that will make your design/development more productive.

Firebug

There is a reason why i put this first; It’s a must-have! Download it here

MeasureIt

MeasureIt is simply a ruler for Firefox. Use it to get the dimensions (width & height) of elements on the webpage.  Get it here

FireFTP

FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers. It’s like FileZilla. Download it here

Clear Cache Button

Adds a clear cache toolbar button. After installing the extension, find the clear cache button in the toolbar customization panel. Download it here

Web-developer toolbar

Adds a menu and a toolbar with various web developer tools. Download it here

YSlow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. Download it here

ColorZilla

Advanced Eyedropper, Color Picker, Page Zoomer and other colorful goodies. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. Download it here

CodeBurner (Firebug)

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. Download it here

Extended Status bar

This add-on adds speed, percentage, time and loaded size (similar to Opera’s status bar) to Firefox’s status bar. Download it here

Dust-me Selectors

This add-on help you find unused CSS selectors from your style sheet. Get it here

Mozilla Archive Format

[screenshot here]

This add-on allows Firefox save & open .mht (internet explorer) archive format. Get it here

ShowIP

ShowIP shows the IP address of a website in the status bar. Get it here

If you have any other add-ons that has greatly increased your productivity, please share it in the comments.