Web Development By Jesse Nicola

What is it: Fire bug is a plug in for firefox. It has a wide variety of awsome web development functions, such as being able to see java errors that occur, and the ability to inspect elements. It allows you to visually see the margin, padding, and more. It also makes dom traversing a breeze.

Why I think it's bad ass: Where I find it the most useful is that you can instantly inspect an element and see what is affecting it CSS wise. Simply right click an element, and click inspect element (mac users: do whatever you need to do). In the bottom right you will have a list of everything affecting the object. You can see what they are, and you can even CHANGE them on the fly.

Don't know where something is? Don't know why it's doing what it's doing? Want to change it but don't want to sit there and keep taking shots in the dark? Adjust it on the fly in firefox and watch it change right before your eyes. It even has predictive text built right in to make changing styles a breeze!

I highly advocate you use this. I swear by it, and it makes my work far easier to do. Almost any web designer I know worth their salt uses this. I've yet to meet anyone who didn't start using it immediately after I showed it to them. It's awesome, and if you're not using it already, get on it!