In the recent months there have been several new development tools that are making debugging and life in general here at the ‘flat a whole lot easier. One is the new
web developer add-on for Firefox - complements of Chris Pederick who also brought us the
user agent switcher. The web developer add-on creates a menu and tool bar which easily allows the user to view such helpful things as the CSS hierarchy affecting a given area, image dimensions, form details and the browser window at a different size. The next tool that we’ve come to love is
Firebug. Firebug allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. So you can make a change in Firebug, see how it affects the page without the hassle of saving, uploading, checking, changing, uploading etc. You can see the html for a given area and all of the css classes that are affecting it. These two combined, or even independent of each other, make for much better development and debugging.