Chris Pederick’s [Web Developer extension](http://chrispederick.com/work/firefox/webdeveloper/) is a must-have if you build websites. Now there’s another tool for our box: [Aardvark](http://www.karmatics.com/aardvark/). Install it, and then right/control click to select it from a contextual menu. When it’s “on” you move your mouse around the page and the extension interactively identifies the block-level elements on a website.
Very handy to understand how a page is put together. When a selection is highlighted, you can hit “v” to view the HTML that went into just that section of the page. I’m not advocating that anyone copy the code or design of anyone else, but this is how you learn this stuff…you study what others are doing and then adapt techniques for your own use.
Even if you don’t develop websites, Aardvark has a handy feature that lets you “remove” sections of a website. Let’s say you’re on Google Maps and you just want to print the directions, without the map. No problem…just mouse over until the directions are bordered in red, hit “i” to “isolate” that section and everything else on the page disappears. Then print.
Mostly for my benefit since there’s no preference panel (yet) here’s the keyboard shortcuts you can use with it:
Related posts:
- Quick Mac OS X Tip: Drag & Drop Between Printer Queues
I’ve been a Mac user for a long time, and... - Navigating tabs in Firefox: better late than never
How many years have I been using Firefox as my... - Looking forward to going single again
My MacBook Pro is arriving tomorrow according to DHL’s website,... - del.icio.us new bookmark add-on for Firefox
The good folks at Yahoo have come up with a... - Meebo Me
If you look at the left sidebar on my main...
