Design Your Own Web

There's a website that you visit quite often; the information that you want from that site is just part of an overly complex page where you're bombarded with banners, animations and headlines that you normally have no intention of reading. You wish you could just zap them and make them go away...

Now you can.

Before

After

SurfRabbit installs right into Safari and adds a new list of commands to the menubar. When you visit a cluttered site, you can choose "Customize This Page" from the menu—the page is reloaded in edit mode, where you can click on every element that you don't want to see from now on. The clicked elements show up in red so you can refine your choices.

You can then preview the page with the new formatting before saving that setup for the future; you can choose to apply that modification to either that page, or the whole domain that contains it.

The site that you're looking at now is made up of HTML pages that call out to CSS style elements—those elements govern the positioning and appearance of such things as the navigation panels; headers; footers etc. This is normal practice. SurfRabbit dynamically redefines those CSS elements—nulling out the parts you don't want seen.

It doesn't work with every site (I had no luck with Flickr for example) and if the authors of a site dramatically change their formatting the results might get ugly (until, of course, you go back and re-edit your modifications), but for what it attempts to do (and it's successful ninety nine times out of a hundred), SurfRabbit does a remarkable job.