If you use the Firefox (98% of the hands rise) and are into designing and developing websites, than I have a very special tip for you. Firebug is the best Firefox add-on, that make debugging, analyzing, creating and designing of css-themes extremely easy. It’s a powerful tool that let you design, change and redesign a whole website within seconds. You almost work with your website in a graphical way, like using an illustrator application, but in fact all changes are made on the css. Changes are stored in the temporarily memory of the tool, so you can build upon changes you made earlier and morph and redesign the complete css also “just for testing puroses”. When satisfied, just copy the css and paste it into the file on the webserver.

With Firebug you can test out ideas very quickly or visually explain the design methods, while your customer is sitting next to you. Even for debugging it’s got great features. One example: for every element you browse, you’ll get all css-data that is affected and relevant for this special element on the website – even the inherited lines of code, and also the ones that were inherited, but overwritten (marked with a strike).

Download it at Firefox Add-ons or on the Firebug Website.

[ via CForms ]