HTML and CSS Reference
As a bonus, Firebug places a small icon at the bottom of the browser window at all times.
DOM, and Ajax/ XMLHttpRequest ), allowing you to see at a glance if there's something you need
to check out (Figure 14-4).
Web Developer Toolbar (Internet Explorer)
Like it or not, at some point we must all test our sites in IE/Win. This can be a painful process
thanks to its various bugs and rendering inconsistencies, but thankfully Microsoft makes
a browser addition that can, if nothing else, make the process of debugging and testing your
site a little easier in IE.
The Web Developer Toolbar (visit www.microsoft.com/downloads/ and search for “web
developer toolbar”) works much like Firefox's Web Developer Extension, offering similar
options to aid in the testing and bug-fixing process. If you develop sites that must work in IE,
this add-on will help you retain some sanity during the testing process.
If you develop on OS X and prefer Safari, this little plug-in from Kasper Nauwelaerts can save you
the trouble of running your code through the W3C validators ( www.zappatic.net/safaritidy/ ).
While this plug-in is a one-trick pony, its browser window icons (similar to Firebug's) make it
downright impossible to miss validation errors (Figure 14-5).
Figure 14-5. Safari Tidy's browser window notes give you the skinny on validation issues.