Firebug is a life saver when it comes to web development -- from introspecting your CSS to digging up details on AJAX calls, Firebug is there to help see what's going on under the covers.
This is one of the gems on my system. Whenever you have to create some AJAX interfaces, this tool comes in and supports you where ever you want. No matter if it is simple JavaScript debugging (with breakpoints) or stuff like modifying css, html or checking what messages have been send between browser and server. I love it ;)
Now that I teach high school students how to write webapps with AJAX, I see it wouldn't be possible without firebug.
I cry thinking about the years of web development I have done (and wasted) without firebug.
I agree, this tool is straight from the divine...
Firebug is my #1 web design tool for transitioning ideas and images into real site.
My favorite aspect of the tool is that it allows you to right click and inspect a section of a page you are interested in seeing the code for and it organizes the code for your viewing. Not only this, it allows you to edit the code live and see the changes immediately.
When it organizes code for viewing, it does not show you every line at once, it groups divs, paragraphs, etc for the best viewing. Alongside the page code it also lets you view the accompanying css (which is wonderful). Along with these features it highlights the section of the page you are viewing code for to avoid any mistakes.
Along with this, it has the console that allows you to monitor Ajax requests, etc, simply to find the kinks, etc that could be causing problems for your backend.
My only drawback at this point is that it doesn't play so very nice with Firefox. It does cause increases in memory consumption by Firefox but besides that it is absolutely wonderful.