« UI technique: changing submit button appearance via background images | Main | What would happen if Apple bought Adobe? »

Two must-have web developer extensions for Firefox

In case other developers aren't aware of two of the handiest extensions for Firefox:

  • MeasureIt: This puts a small widget in the left side of your status bar; when you click on the widget, your cursor turns into a crosshair which you can then click-and-drag to get a to-the-pixel measurement of any area of the page. Perfect for the times that you're wondering just how much room you have for a graphic or table.

  • ColorZilla: This puts a small widget in the left side of your status bar; when you click on the widget, your cursor turns into an eyedropper which you can then use to color sample any area of the page-- and you can then copy the color value to your clipboard in RGB or hex. Great when you're wondering what nice color some other site is using, or when you need to pick one color as the matte for a transparent GIF that's going over a gradient.

Comments (3)

On the nose. I've had both sitting in the lower left corner of my status bar for months and use them regularly, if not hourly.

Aside from the usual suspects (firebug and the like), I'd add Dust-Me Selectors to find unused selectors. Stylesheets evolve frequently and rapidly in my world and I often find myself leaving a lot of clutter. This is my garbage collector. :-)

FWIW - if you have the WebDeveloper toolbar installed - it includes a ruler...

Miscellaneous > Display Ruler

WebDeveloper toolbar is the best. I make extensive use of the speed report as well as the css and image disablers.

Post a comment


Type the characters you see in the picture above.