Firefox is the most popular choice of browser going these days and thats mainly due to the large number...
Firefox is the most popular choice of browser going these days and thats mainly due to the large number of add ons and extensions that can extend its core functionality above and beyond. Whether you’re just a regular browser, an SEO, or a web developer there’s definitely something out there that can make things that little easier.
We take a look at our top 5 firefox add ons that we find helpful in web design.

We’ll start with arguably the most simple tool of all, but then again perhaps the most useful, measureit basically gives you an on screen ruler to measure graphics, items, anything you see on the screen really. And when you consider the sizing of elements is a very important aspect of web design, you’ll soon wonder how you operated without this handy little tool in your firefox toolbox.

Those of you familiar with photoshop and or most other image editing software will be aware of the colour picker tool that these bits of software provide. Colourzilla adds this functionality into the browser, meaning you can select colours from any webpage or area within the browser – perhaps your client loves the colour of a site she’s found and wants that replicating on hers – colourzilla provides the answer. It allows you to easily copy the colour notation in a range of formats, and the great thing about this add on is that its constantly being updated with new features and tweaks to make it even better.

The Web Developer toolbar inserts a toolbar below the firefox address bar and provides a huge range of tools to use at your disposal, whether its simply validating a webpage to see if its W3C compliant, or inspecting the CSS of a page, the toolbar provides everything a web developer can possibly need.
Download the Web Devloper Toolbar

Chances are if you’re a web developer, then you’ve heard of firebug, and if you haven’t then you’re missing out! Firebug is probably one of the most popular web design tools out there. It allows you to debug websites, and inspect any element within them. So if theres a CSS style effecting your website, you can find out which and why from within this tool. It can look like quite complicated on first glance, but once you figure it out, this tool will probably the second most used behind your browser itself!

FireShot is an screen capture tool. It differs from most other screen shot ad ons as it gives you the ability to capture an entire web page, as well as allowing you to add images and annotations to it. You can save the captures in a variety of formats, email them or host them on fireshot servers
So there you have it, our top 5 firefox add ons for web developers. We know theres many more out there, some of which we’ve probably not even used ourself so feel free to drop a comment if you think one should make the list!
This post follows on from a blog we wrote a couple...
If you’re in the UK and you own a TV then there’s...
This post follows on from a blog we wrote a couple...
If you’re in the UK and you own a TV then there’s...
