For the Open Source community Mozilla Firefox is the best browser. But with development of thousand of Add-ons it become more and more powerful. So a web developer can rely on it for development of powerful web apps. So I have some list of addons which I mostly use in my browser:

1. FireBug: It is the best of its type tool for web developers, which have lot of features.  It can be used to debug Java script,   CSS & HTML. It also provides auto complete feature in its command line. So a developer can’t live without it.

must have add ons for web developers grasphub

2. ColorZilla:

It is a simplest tool for fetching color code from browser screen. It is very useful while designing front end. You can download it from here.

must have add ons for webdevelopers grasphub

3. YSlow:

It is add on provided by Yahoo to find Page Speed of webpage. It is best tool to optimize the website. You can download it from here.

must have add ons for web developers grasphub

4. BuiltWith:

If you want to check website for what technologies it is using. Or you want to analyze your competitor then it is best add on, which gives the detailed analysis of technologies used by website. You can download it from here.

must have add ons for webdesigners and webdevelopers grasphub

5. Alexa Toolbar:

It is used for checking rank of your own website or for competitor’s website. It also shows hot searches and hot topics on web in the toolbar. You can download it from here.

I have this small list. Please add more Add-ons in comments to increase the list.

Thanks.

 

Must have Add-ons for Web Designers and Web Developers UG ArticlesProgramming
For the Open Source community Mozilla Firefox is the best browser. But with development of thousand of Add-ons it become more and more powerful. So a web developer can rely on it for development of powerful web apps. So I have some list of addons which I mostly use in...
For the Open Source community Mozilla Firefox is the best browser. But with development of thousand of Add-ons it become more and more powerful. So a web developer can rely on it for development of powerful web apps. So I have some list of addons which I mostly use in my browser: <strong>1. FireBug:</strong> It is the best of its type tool for web developers, which have lot of features.  It can be used to debug Java script,   CSS & HTML. It also provides auto complete feature in its command line. So a developer can't live without it. <a href="http://www.grasphub.com/wp-content/uploads/2014/01/52717.png"><img class="aligncenter size-full wp-image-2626" alt="must have add ons for web developers grasphub" src="http://www.grasphub.com/wp-content/uploads/2014/01/52717.png" width="700" height="330" /></a> <strong>2. ColorZilla:</strong> It is a simplest tool for fetching color code from browser screen. It is very useful while designing front end. You can download it from <a title="must have add ons for webdevelopers grasphub" href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/" target="_blank">here.</a> <a href="http://www.grasphub.com/wp-content/uploads/2014/01/254.png"><img class="aligncenter size-full wp-image-2627" alt="must have add ons for webdevelopers grasphub" src="http://www.grasphub.com/wp-content/uploads/2014/01/254.png" width="200" height="150" /></a> <strong>3. YSlow:</strong> It is add on provided by Yahoo to find Page Speed of webpage. It is best tool to optimize the website. You can download it from <a title="must have add ons for webdevelopers grasphub" href="https://addons.mozilla.org/en-US/firefox/addon/yslow/" target="_blank">here</a>. <a href="http://www.grasphub.com/wp-content/uploads/2014/01/31946.png"><img class="aligncenter size-full wp-image-2628" alt="must have add ons for web developers grasphub" src="http://www.grasphub.com/wp-content/uploads/2014/01/31946.png" width="640" height="238" /></a> <strong>4. BuiltWith:</strong> If you want to check website for what technologies it is using. Or you want to analyze your competitor then it is best add on, which gives the detailed analysis of technologies used by website. You can download it from <a title="must have add ons for webdevelopers grasphub" href="https://addons.mozilla.org/en-US/firefox/addon/builtwith/" target="_blank">here</a>. <a href="http://www.grasphub.com/wp-content/uploads/2014/01/Screenshot.png"><img class="aligncenter size-full wp-image-2629" alt="must have add ons for webdesigners and webdevelopers grasphub" src="http://www.grasphub.com/wp-content/uploads/2014/01/Screenshot.png" width="360" height="572" /></a> <strong>5. Alexa Toolbar:</strong> It is used for checking rank of your own website or for competitor's website. It also shows hot searches and hot topics on web in the toolbar. You can download it from <a title="must have add ons for webdevelopers grasphub" href="http://www.alexa.com/toolbar" target="_blank">here</a>. I have this small list. Please add more Add-ons in comments to increase the list. Thanks.