Web developers, no matter what your preferred browser is, will want to take note of the Firefox plugin: Firebug. This truly is a great tool for both design and debugging is it gives you visual tools for adjusting alignments and, of course, markup debuggers.

I think their tag line gives you a good overall indication of exactly what this tool does:

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

To elaborate on the “edit, debug, and monitor” features listed above, Firebug allows you change these elements on the fly to see how they will look once you incorporate the change into your markup or Javascript. Any developer will agree this is a great feature.

Like what you read?

If so, please join over 28,000 people who receive our exclusive weekly newsletter and computer tips, and get FREE COPIES of 5 eBooks we created, as our gift to you for subscribing. Just enter your name and email below: