30+ Firefox Add-ons for Web Developers & Designers

Credit:

Firefox has cool add-ons which make the job of website designers and developers much easier. Here is our list of 30+ excellent Firefox add-ons that every web developer and designer should know about.

CSS

Credit:

Aardvark - A cool extension for web developers and designers, allows them to view CSS attributes, id, class by highlighting page element individually.

chromEdit - Alter the appearance of any page by editing CSS and Javascript files with this extension.

CSSMate - Firefox extension to edit CSS files.

CSS validator - Check the validity of your webpage using this CSS validator extension.

CSSViewer - See the CSS properties of page elements with this extension.

EditCSS - Play around with loaded CSS, Web Developer extension also provides this functionality.

IE Tab - Designers and developers can view their CSS projects on Internet Explorer using this extension.

Style Sheet Chooser II - Users can pick and choose alternate style sheets for a website.

Debugging and Analysis

Credit:

FireBug - A console for debugging JavaScript, HTML, and Ajax code snippets.

HTML Validator - Cool extension to validate web pages with HTML standards of W3C.

JavaScript Debugger - JavaScript debugging extension enables a strong debugging environment.

Link Checker - Check the links on a webpage for validity. Color to each link explains its current status.

Load Time Analyzer - View detailed graphs of the loading time of web pages in firefox. The graphs display events like page requests, image loading times etc.

View Dependencies - Find out all files that were loaded in a webpage with the view dependencies tab in page info.

Others

Credit:

Clipmarks - Easily save portions of webpage with this extension.

Codetech - Excellent extension for web page designers, codetech is a web page editor with the look and feel of Dreamweaver.

ColorZilla - A nice extension for web designers and developers. Colorzilla helps users to select colors which can be adjusted and put in any other program.

FirePHP - Find out what PHP code in the backend does to pages on display in Firefox browsers.

Flash Switcher - Use this extension to avoid reloading between flash plugins.

Greasemonkey - Control any aspect of web page behavior by adding Javascript code to any webpage using this Firefox extension.

Measureit - Users can calculate the measurement specifications of tables, paragraphs on internet.

Platypus - One of the best Firefox extensions for modifying a webpage. Users can modify a webpage, save their changes as a Greasemonkey script and their saved page would be loaded the next time they visit the page.

Poster - A must have tool for web developers enabling them to interact with web services and other web resources.

Professor X - Check out the contents of the head of page without getting into source code.

Screen grab - Capture screenshot of any webpage and save it as an image file with this extension.

TestGen4Web - Save the webpage activities users (entry of text, web page clicks) in xml file. These actions can later on be replayed and converted to scripts for automated test tools.

View Source Chart - View the source code of any webpage as Firefox sees it.

Web Developer - Add a menu of various web development tools with web developer extension.

X-Ray - Must have Firefox extension, it allows users to view webpage code with a right-click and shuffle between the webpage and its code easily.