Firebug - A web developer companion

I couldn't thank more for having a Firefox as a free, reliable & web developer friendly browser. And now Firebug teaming up with Firefox, that's really huge for me. Firebug currently is a on Beta 1.0 version, giving you access to development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. How cool is that? Here are some features of Firebug:

• You can undock Firebug into its own window—multi-monitor users rejoice!
• The DOM inspector now offers full in-place editing of your document structure, not just attribute values.
• The DOM inspector’s CSS tab reveals all applicable CSS rules for elements, including properties inherited from ancestor elements, and lets you toggle on/off and edit individual style declarations.
• The DOM inspector’s Layout tab pops up guides, rulers, and shaded boxes in the main browser view to illustrate the CSS box model as it applies to each element that you hover your mouse over.
• The Net tab graphs the request times for all files that make up a page, meaning I can just about throw away the Tamper Data extension, which I previously used for this.
• The new JavaScript profiler reports on the execution times of your JavaScript functions, so you can pin down performance bottlenecks in serious JavaScript applications.

Even though this is an extension for Firefox, for Internet Explorer, Opera & Safari lovers, check out the Firebox lite. However the best aspect of this new extension is that (based on this blog entry), it is FREE. Thanks to the creator of Firebug, Joe Hewitt.