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.
Related Posts
Comments
In this Think Vitamin video, you'll get an introduction to wireframing. You'll learn about some of the differences between low fidelity wireframes and high fidelity mockups » UX Wireframing Introduction
We Like
ThemeForest sell a range of site templates from some fantastic designers. They also sell some great WordPress themes!
Online invoicing made easy with CurdBee!
» Sign up
Join SugarSync for online backup. Sync your files between Mac, PC and mobile phone. Get 5 GB FREE and up to 10 GB bonus space!
Featured Book
HTML5 and CSS3 for the Real World will show you how to create websites using these new methods.
This easy-to-follow guide covers everything you need to know to get started. You’ll master the new semantic markup available in HTML5, as well as how to use CSS3 without sacrificing clean markup or resorting to complex workarounds. Buy the Book! · FREE Chapters
rob 19 December 2006, 00:16 1
It works now in FF 2.0, and has some improvements