Using Aardvark Firefox extension

Following on from a previous post, another tool I have been using recently is the Aardvark Firefox extension or add-on. When Aardvark is turned on in Firefox, it enables you to see the webpage structure when you move your mouse. Block level elements and their class names (if present) are outlined in red as your mouse moves over each webpage element, which makes it easy to see which elements and styles are used.

The only problem with Aardvark is that it does not appear to work with recently released Firefox 2.0. However, I applied this fix from Muffin Research Labs, which seems to solve the problem.

Aardvark, X-Ray, the Web Developer Toolbar and HTML Validator are the main add-ons I use with Firefox for web development work. I couldn't live without them.