For front-end developers: a CSS must-have

andymilk | June 8, 2007

I just upgraded to the newest version of the Web Developer toolbar for Firefox. This thing is nuts. The version I had previously didn’t have the DOM Inspector installed. It also has a couple CSS features that I can’t believe I haven’t been using. One of them is viewing the outlines of the CSS boxes along with the labels of the boxes. That feature in conjunction with the RULER and the zoom in and out feature is just priceless for finding that quirky box padding or weird spacing. If only they’d have these for IE, the stick in the mud when it comes to CSS development.

Another tool that I haven’t used yet, but looks to be invaluable is Firebug. It allows you to edit the CSS of a page live, without saving or refreshing, and immediately seeing how it changes the page. This seems to be a great way to see how your changes will affect the page, real-time, without bouncing back and forth between the editor and the browser.

Check it: https://addons.mozilla.org/en-US/firefox/addon/1843

OK, back to work…