Best Firefox add-ons for web developers

I found a very help articles when google ‘Best Firefox add-ons for web developers’:

http://mashable.com/2011/04/26/firefox-web-design-add-ons/

Here is the 11 very useful Firefox plugins for web developers which I add my favoirte ’FireShot‘.

1. Web Developer
2. Firebug
3. MeasureIt
   This Firefox add-on has a single purpose: It gives you a ruler that you can use on any web page for measuring items. Since web design critically relies on the proper sizing of design elements, this is a valuable tool to add to your collection of Firefox add-ons.
4. ColorZilla
   One thing that web designers frequently work with is color. This add-on includes a color picker (much like the one you see in Photoshop) and an eye dropper tool so that you can sample and identify the colors used on any web page. A similar Firefox add-on to check out is Rainbow Color Tools.
5. CSS Usage
   CSS Usage is an extension for Firebug (thus requiring you to have Firebug installed) that uncovers unused CSS style rules. It works by identifying the CSS you use and don’t use, pointing out what unnecessary parts can be removed to keep your CSS files as lightweight as possible.
6. Page Speed
   Page Speed is a browser extension (for Firefox and Chrome) developed by Google that analyzes a web page and tells you where improvements can be made to increase the site’s speed. It’s a great tool for testing a web design’s ability to render fast.
7. HTML Validator
8. IE Tab 2
9. Screengrab
   Taking screenshots in the browser is a common task for web designers. Screengrab is a simple tool for taking full-page or partial-page screenshots. You can copy the screenshot to your clipboard, or save it to your hard drive as an image file.
10. SEO Doctor
11. FireShot