FireFox 3 is an incredible browser for web surfers and developers alike. This article, however, targets the latter. The Mozilla Website showcases an abundance of great add-ons for FF3, but finding the right ones may seam like finding a needle in a hay stack. Lautus Design has compiled a list of the 10 most useful FF3 Add-ons for you! Scroll through this article and pick the ones you like!

Web Developer 1.1.6

Web Developer 1.1.6 , by Chris Pederick, is a must have for every aspiring and professional CSS Designer alike. The Add-on installs a toolbar containing shortcuts to time-saving functions. These include among others:

1. The ability to Disable CSS, JavaScript, Images, PopUps, Cookies
2. Selectively Disable CSS Styles such as: a) Embedded Styles, Inline Styles, Linked Style Sheets, Print Style Sheets, Device Styles, and more.
3. Allows for Style Sheet edits on the fly
4. Work with Forms
5. Provide Detailed Information on the Website you are currently browsing
6. Visualize Frames, Headings, Tables, etc.
7. Resize your Viewport to a selected size
8. Full W3C Validation for CSS/HTML
9. Dom Inspector
10. and a handy Error Consol

Font Finder 0.5c

Have ever found yourself in a situation where you saw a font, or a particular typography that you really enjoyed, and wanted to utilize in one of your own projects? If you then had to go through the time-consuming steps of panning through endless Style Sheets just to find the font class you are looking for, then this tool is for you!

Simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select "Font Finder", then marvel as the full CSS text styling of the selected element appears.

Window Resizer 1.0

Window Resizer 1.0, by Yellowpipe Web Hosting, does what the title promises. It is an Add-on that resizes your viewport to a selected window width and height very accurately. Great tool to quickly check your work on different screen resolutions!

MeasureIt 0.3.8

MeasureIt 0.3.8, by Kevin Freitas, is a simple tool that allows you to measure elements on a website. Simply draw a box around the element you would like to measure, and read off the desired measurements.

NoScript 1.8.3.3

NoScript 1.8.3.3, by Giorgio Maone, is a must have whether you are a casual browser, or web developer. This script provides FireFox with increased security by allowing active scripts to execute only from sites you trust. Protect yourself against XSS and Clickjacking attacks. Winner of the "2006 PC World World Class Award".

Firebug 1.2.1

Firebug 1.2.1, by Joe Hewitt, Justin Dolske, and robcee, is an invaluable web development tool for every internet professional. This Add-on allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for. The list of features includes:

1. Inspect and Edit HTML on the fly: FireBug allows you to highlight elements on a website and displays the source of these elements in a spearate window.
2. Edit your Style Sheets directly in FireFox
3. Visualize CSS metrics: Your elements are not lining up properly? No problem, FireBug can help!
4. Monitor network activity: Your website is not loading fast enough? Benchmark it with FireBug
5. Quickly find errors: Use the inbuilt validators to check your code
6. And much more!
   

If you were to get just one Add-on, and one Add-on only, FireBug is a must have!

LinkChecker 0.6.3

LinkChecker 0.6.3 is another great little plugin by Kevin Freitas. This extension is incredibly useful to Developers whose pages contain many links to external content. Simply Run LinkChecker 0.6.3 to see whether your links are live.

Total Validator 5.3.3

Total Validator 5.3.3, by Andy Halford, is an awesome tool! This extension allows users to validate all of their code, and take screen shots in one go!

Provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking. So you no longer have to put up with the limitations of the W3C validator (no type checking) and tools like HTML Tidy which interpret the standards incorrectly (they don't use the official DTDs).

Also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (5 languages), and takes screenshots using 32 browsers on Windows, Linux, and OS/X.

YSlow 0.9.5b2

YSlow 0.9.5b2, by Yahoo!, is a great tool to benchmark your website! Are you experiencing slow loading times? Are your ad servers down? Did you forget to compress a graphic? Use YSow to trouble-shoot your site!

iMacros for Firefox 6.0.7.6

iMacros for Firefox 6.0.7.6, by iOpus, is an incredibly useful FireFox extension that will shave minutes off of your daily tasks. iMacro creates templates for repetitive tasks such as web-forms, and allows you to swiftly navigate through your daily routine.

Visit the iMacros extension page to see how amazing this extension is!