Extremely Useful FireFox Add-On’s

Three of the most useful FireFox addons I have used for the purpose of web development and design are:

Colorzilla

There are various features included in ColorZilla, but the most useful feature is the eyedropper tool that enables you to pick the color of any pixel within the FireFox browser. This feature has saved me lots of time by not having to go back into Photoshop to find a specific colors I want to use in my style sheet.

Colorzilla is also extremely useful if you get sick of having to remember / search for commonly used hex color’s in your stylesheets. In a perfect world we would all remember the specific hex number for the colors on our site and our css files would be so organized that it would be easy to find specific colors with ease, but unfortunately this isn’t the case. Personally, I sometimes get confused from time to time regarding which hex colors are which, especially if I have changed them multiple times during the design process. Also, my CSS files always need a cleanup job at the end of development.

Web Developer

Web developer is an extremely comprehensive add-on which includes hundreds of options that present you with many forms of information about the specific page you are on including. It’s impossible to go over everyone without spending a couple hours but check it out. One feature in this add-on that I use all the time is the ability to specify resize dimensions for your browser so you can see how your site will look in any resolution.

HTML Validator

Not much room for the imagination here… this add-on validates your HTML whenever you choose to view the source of a page. It’s quick, non-intrusive, and highlights all sections of your code that are not valid.