Over on Nettuts, they went through some helpful JavaScript libraries for web designers.The one tip that really intrigued me was to use firebug in any browser.

Being a Mac user, I get the short end of the stick when it comes to Firefox. Despite what others may say, it absolutely sucks on a Mac. Much the way Safari, iTunes, and Quicktime apparently suck on Windows.

The only time I fire up Firefox (I actually use the Minefield release because it’s faster) is when I’m doing development and need to use Firebug to debug something. Here’s how you can do it from within your favorite browser.

Head on over to Firebug’s page for Firebug Lite. You can either follow Nettuts’ instructions and put the include code on whatever website you want to debug, or (more practically), you gan drag a bookmarklet to your bookmarks bar. See below:

Following the latter method allows you to use Firebug on ANY webpage, without altering the source code. Additionally, you don’t have to remember to take out the code when you’re done debugging it. Here’s what it looks like in Safari (pardon my mess of a browser at the moment):

Link: 5 Lesser Known JavaScript Libraries that Make Web Design Easier