Development:Firebug

What is Firebug?

Firebug is an add-on for the Firefox web browser. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...

Where can I get Firebug?

• http://getfirebug.com
• https://addons.mozilla.org/en-US/firefox/addon/1843

Tutorials

• Build Better Pages With Firebug

• Firebug Tutorial - Logging, Profiling and CommandLine (Part 1)

• And for those of us who prefer viewing to reading, there's a bunch of tutorial videos on YouTube

Further enhancements

There are some enhancements to make Firebug even more powerful.

• See the complete list of Firebug related add-ons.
• Mehr Power für Firebug is an article written in German, but you can just follow the links to the Firefox add-on page.

Here are some of those enhancements:

FirePHP

FirePHP enables you to log to your Firebug Console using a simple PHP method call.
There's a FirePHP plugin for Moodle in the works.

FireRainbow

FireRainbow (formerly Rainbow for Firebug) - provides JavaScript syntax highlighting for Firebug 1.3.

CodeBurner

CodeBurner - a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.