So as I causally stroll through the new featured sites on CSS Beauty today, I stumbled across a firefox extension called Aardvark. This is a neat little extension. What it does is nothing…until you activate it on a page and then it will place a red border around each CSS element on that page when you mouse over it. It also displays a label on what the tag is and what is the ID or CLASS is for that element. Don’t understand what I’m saying? Go to their page, and click the demo link on the top of the page.

Now, the site says its “for everybody” but I really don’t see my girlfriend using this extension. However web designer, or hobbists, especially those just getting into CSS, can and should use this alot. I still will go into my CSS file and add a red border around objects so I can get a better handle on the spacing, with this nice little extension, I won’t have to.

There are also some keystrokes you can make to remove or move an element within the page, but I just really like the border thing.