Debug, edit and monitor a live web page

One of the tools that I use daily is the Firefox add-on Firebug. If you’re dealing with web development in any way, Firebug will give you an enormous wealth of information and tools:

  • monitor how long it takes for each component of your web page to load;
  • edit css and html with a live preview;
  • debug javascript errors;
  • analyze DOM, and more.

Although this is a plug-in, it has its own environment of extensions to add even more to the fun.