Our blog, keeping you up-to-date on our latest news.


10+1 Essential Firefox Add-ons for Web Developers

December 4, 2010 at 5:33 am | Blog | No comment


Firefox is the most popular web browser on the world wide web. Especially for the web designers, they can not even live without it. Firefox is much more helpful when it is equipped with some powerful add-ons. I am gonna recommend 10 plus 1 the most useful add-ons which will make designers and developers’ life easier and work more efficient.


Firebug is the most widely-used add-on for web developers. Developers can edit, debug, and monitor CSS, HTML, and JavaScript live in any web pages. I can not imagine debuging javascript without it. And what’s more, Firebug Lite is compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome. What a powerful tool!


FirePHP is a Firebug Extension for PHP Development. FirePHP enables you to log to your Firebug Console using a simple PHP method call. With it, you can debug your PHP code and you will know what is exactly going on with your code.


It is a Javascript syntax highlighting tool for Firebug

Pixel Perfect

Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.


FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part). Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

Measure It

This plugin is extremely useful. It draws a ruler across any webpage to check the width, height, or alignment of page elements in pixels.


It assists web developers and graphic designers with color related tasks – both basic and advanced. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. Pretty cool, right?

Web Developer

Another famous firefox add-on for web developers. it provides a menu and a toolbar with various web developer tools for CSS, Javascript, Cookie etc.


YSlow is a plugin from Yahoo, it analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites. It is a good tool for performance tuning.

HTML Validator

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

The last is the bonus one:

IE Tab Plus

IE Tab Plus (formerly Coral IE Tab) is an enhanced version of IE Tab which enables you to use the embedded IE engine within tabs of Mozilla Firefox. It is not only a great tool for web developers, like the old IE Tab, but also an useful tool for normal users, since you can easily switch to IE when you meet incorrectly rendered web pages in Firefox.

After reading the post, you should try out some of them. It may change your developer workflow forever!

<< Back to Blog Discuss this post

Comments are closed.