There’s also amore detailed explanationof how to do this.

Must-Have Web Dev Extensions

These are all extensions that I use on a regular basis for web development.

Firebug

Firebug is the most powerful extension for debugging javascript, viewing CSS and html.

image

It’s truly the best extension out there.

Web Developer Extension

One of the best extensions for x years running.

This is a must-have for any developer, but you’ve already heard of it.

image

it’s possible for you to also use it to remove elements from the page.

Colorzilla

Select colors easily.

No more pain of finding colors embedded somewhere in a stylesheet.

image

HTML Validator

This extension lets you easily validate your page HTML and installs into the View Source panel.

Measure It

Easily measure a distance on the screen with this extension.

IE Tab will even let you run IE inside of a tab, if you were so inclined.

image

Clear Cache Button

Clears the cache.

Especially useful for checking new CSS changes.

It’ll even give you a grade on your site performance.

image

Very useful extension, but it does require the Firebug extension.

At this point, you’ve now turned Firefox into the ultimate web development tool.

Take the time to learn how to use Firebug especially.

image

image

image

image

image

image

image

image

image

image