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.
Join SugarSync for online backup. Sync your files between Mac, PC and mobile phone. Get 2 GB FREE and up to 10 GB bonus space!
Flexible Web Design by Zoe Mickley Gillenwater describes how to build fluid and elastic CSS layouts. It's a great read!
Buy from Amazon.com · Amazon.co.uk
rob 19 December 2006, 00:16 1
It works now in FF 2.0, and has some improvements