About this Collection
All Add-on to use FF as a toolbox for Web Development
16 Add-ons in this Collection
Firebug by Joe Hewitt, Jan Odvarko, others
Stylish lets you customize any website with custom user styles (themes for websites). Choose from the largest userstyles library to change the color scheme, background, and skin for Google, Facebook, YouTube and many, many more sites.
The Web Developer extension adds various web developer tools to the browser.
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
Font Finder by Ben Dodson, Eric Caron, others
FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages.
http://yslow.org is the official open source website.
This addon is no longer being updated and won't work with new versions of Firefox. See the Colorzilla addon for a replacement: https://addons.mozilla.org/en-US/firefox/addon/colorzilla/.
Color tools for web development.
Cool utility for cleaning up a page (for printing or better viewing) as well as for web development. Displays a red rectangle on the element under the mouse -- hit "w" to go wider (get the containing element), then hit other keystrokes to remove, etc
The toolbar enables developers to examine WAI-ARIA live regions roles and properties, examine data tables, and determine if the colour contrast is sufficient.
View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page.