Firefox has some cool add-ons which make the job of website designers much easier. These add-ons are definitely going to improve your work-flow and enhance your overall internet browsing experience. Don’t miss this chance to work quicker and better!
The Web Developer extension adds a menu and a toolbar with various web developer tools.
Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox.
FireShot is an advanced screen capture add-on for Firefox. In addition to giving you the ability to capture an entire web page, FireShot also allows you to add add graphics and notes directly to your screen captures.
Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
Validates a page using the W3C CSS 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.
W3C Offline Page validator
Validates the source of a HTML/XHTML page via the W3C Markup Validation Service using the direct-input form.
Draws a grid on top of a website. This is useful for checking designs that are supposed to follow a grid-based layout.
HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers.
A simple CSS property viewer.
If you are like me and design your sites for Firefox then this is a great tool for you. IE NetRenderer will create you an image of how the website looks in IE 5.5, 6, 7 and 8 so you can get an idea of whether or not it looks right in IE.
Foxy SEO Tool
Foxy SEO Tool offers tools for search engine optimization (SEO), web traffic and page analysis for webmasters and web professionals.