Web pages as you want them with Firefox and Aardvark

Whether you are printing or sharing a web page image, there are times when you need to hide some elements of it without having to save it, edit the HTML code and load it back with Firefox.

Aardvark, is a simple and useful tool developed by Rob Brows, available as both a bookmarklet and a Firefox extension that lets you point to a page element and delete it with a single key press.

First, load the web page. Then, either select the bookmarklet or Start Aardvark in the Tools menu depending on what version you decided to use. Now you just have to point to an element and a red rectangle will highlight it. Then press R to remove the element.

W is another useful command as it widens the selection so if you are pointing to a link, you can expand the selection to the paragraph or list that contains it for quicker modification. Q will quit Aardvark mode. To see all available commands press H.

The video below better shows how Aardvark works.

[coolplayer width=”480″ height=”380″ autoplay=”0″ loop=”0″ charset=”utf-8″ download=”0″ mediatype=””]
Aardvark on Firefox

As you can see it’s pretty easy.

The only difference I’ve noticed between the extension and bookmarklet versions is that the former seems to be more precise so you can point to more specific elements such as borders.

There’s room for improvement though: I wish it was able to save the customization and be able to automatically apply it when a page in the same site is loaded. Firefox 3 will sport much better support for site specific preferences so it should be easier to implement it.

I would also appreciate an option to resize an element to make a blog post use the full page width once I’ve removed the sidebars, for example.

In short, an impressive tool available as a simple bookmarklet worth adding to you bookmarks collection. Get the Aardvark extension from Mozilla Add-ons. For the bookmarklet version, just bookmark the link below: