When developing a website I use a few FireFox extensions, so I thought I would share.

Web Developer – This is a tool you can’t live without. You can disable css, JavaScript, reveal passwords. One of the coolest things it does is outline elements & block elements.

View formatted source – This one is not as well known as the other I mentioned, when you view the page source with this tool you can hover to see the related style block.

Screengrab – Need to match colors or import an image, this tool works great for that. It will grab a screenshot of the entire page, viewable area, or jut your selection. It will save it as a png, jpg or gif, your choice. It also allows you to copy the image to your clipboard.

Firebug - I probably don’t have to tell you about this one. But just in case; this plugin allows you to do live edits on the source of any website.

MeasureIt – Allows you to measure a selection on a webpage.

ColorZilla – Need to get the color code for something you find on a page. This will do it.