Links of the Day #6

Today's round-up focuses on the best Firefox browser extensions for Web Developers. If you're an avid web designer (or a template tweaker who likes to hack and modify), these handy tools are a must-have. Know of any others that I've left out? Leave a link in the comments and I'll put together a follow-up list.

MeasureIt Posted: 08 Sep 2010 03:09 PM PDT "Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels."

ColorZilla for Firefox - Eyedropper, Color Picker and much more Posted: 08 Sep 2010 03:07 PM PDT "Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily."

Web Developer Posted: 08 Sep 2010 03:06 PM PDT "The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. After installing the extension there is a 'Web Developer' menu under the 'Tools' and context menu of the browser, as well as a new toolbar. "

Firebug Posted: 08 Sep 2010 03:03 PM PDT "Your pages are taking a long time to load, but why? Did you go crazy and write too much JavaScript? Did you forget to compress your images? Are your ad partner's servers taking a siesta? Firebug breaks it all down for you file-by-file. When your CSS boxes aren't lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you."