I’m prepping for my next BSDG meeting right now, I’ve decided to show off what I consider to by my toolbox for debugging HTML. These tools are note framework specific, because they come into play after the web page has been written — and it still isn’t working right.
YSlow: why is your page slow? Use YSlow to find out. It is a FireBug add-in made by Yahoo!
IE Developer Toolbar: which tries to be FireBug for IE — and almost gets there, but lacks the elegance of FireBug, and editing CSS with it is a pain. But it is still better than every other tool I’ve seen for IE.
NotePad++: because NotePad isn’t enough anymore, and you still need a text editor.
Web Developer Toolbar: Not like FireBug, but useful none the less.
CSS Vista: a tool to compare css between IE and FireFox.
Fiddler: if you really want to see EXACTLY what is being sent from the web browser to the server, this is the tool for you.
Cool part about all of these tools: they are all free, and many are open source.
OK, I’ve shown you mine, you show me yours. What tools do you find indispensable?