We would like to encourage you to post additional tips and hints about website manipulation in the comments of this article so that the page becomes as comprehensive as possible. All methods of manipulating websites have been tested with Firefox 3.5x and 3.0.x. Most will probably also work in previous versions of the web browser.

1. Userscripts and Greasemonkey

Greasemonkey and its userscripts are probably the most popular and known method of manipulation website contents in real time. Thousands of userscripts exist that add, remove or modify elements and features of web services. Some classic examples are changing the design of Gmail, adding new features to the Internet Movie Database IMDB or skipping the wait time at popular file hosts.

Generation of scripts requires web development knowledge, especially of html, JavaScript and CSS as these are used to alter the contents of the websites.

2. Platypus – Modify Websites Without Programming Skills

Platypus allows a user to modify websites with any programming skill requirements. This limits the reach of the Firefox add-on a bit as it is not possible to reach the depth of Greasemonkey. Possible options are to permanently remove elements from websites, change style attributes, change the font and background colors to black and white or to remove fixed sizes and positioning on a page.

3. Stylish – Modify CSS

The Stylish add-on for Firefox and its accompanying userstyles directory provide access to new styles that manipulate the CSS of a website.It can be used to remove, add, move and manipulate elements on a website permanently. The screenshot above shows the popular Atistic Google userstyle.

4. Yet Another Remove It Permanently

Yet Another Remove It Permanently is an add-on for the Firefox web browser that makes it possible to remove elements on websites permanently. Can for example be used to remove advertisement from Google Search results or images from websites. Basically any element can be removed with this add-on. A similar add-on is Nuke Anything Enhanced.

5. Firebug

Firebug is first and foremost an add-on for Firefox that presents lots of useful information to web developers. What many do not know is that it comes with the capabilities to manipulate elements on a website. It is probably not the first choice for this kind of manipulations but this comes in handy when testing different kinds of layouts, color combinations or fonts.

6. NoScript and Adblock Plus

Both the NoScript and the Adblock Plus add-on for Firefox are primarily being used to prevent scripts and advertisements from being displayed on the user’s computer monitor. This does make them limited tools for modifying websites.

7. Aardvark

Aardvark can be used to isolate or remove elements from websites.Has been primarily been designed to remove unneeded elements before printing a website.

Verdict:

There are definitely a lot possibilities to modify websites in Firefox; Certainly more than have been mentioned in this post. Probably the easiest possibilities are in the form of Greasemonkey. If you know of any additional add-ons that should be mentioned let us know in the comments.

Related posts

• 12 IMDB Userscripts (13)
• Spice Up Google Search With Google Fx (4)
• Greasemonkey UserScripts Updater (6)
• Greasemonkey To Firefox Add-On Compiler (10)
• Automatically Jump To First Text Field (4)

Two new right-click entries appear after installing the add-on for Firefox, which currently does not support Firefox 3.01 but can be forced to be compatible. The first entry, Remove This Permanently, removes the selected element from the current page. If you remove the Google logo from a search it will still appear on a different search. This method is pretty good for quickly removing elements on a website that you visit regularly and that does not have changing addresses.

The second entry Rip Advanced offers advanced features that make it possible to remove elements from a single page, all similar pages, the website and the full domain. That’s not all however. You can also remove all similar items in one go, remove the parent element, all parent elements, all frames and Google Adsense.

A few remarks about the process: It’s pretty difficulty to remove flash elements from a website because you cannot right-click in the elements. They display a different menu. This means you have to click close to them and hope that Rip picks them as the default element that should be removed. A red border appears around the element that would get removed which is a good visual aid.

Elements that are removed do still get downloaded and appear in the cache. This is therefor no method to save bandwidth.

The primary use for Rip would be to remove nerve wrecking elements from websites that you visit regularly. Before you start now and remove advertisements from my website I ask you to consider this before you do it. They pay my bills. If everyone would remove them I would not be able to maintain that blog. And they pay for every pageview. This is also a tip for every Adblock user who is visiting my site. If you want to support me disable Adblock on my website. I do not have popups, layer ads or any other disturbing ads of that kind on my pages. It would help me tremendously on the other hand.

Related posts

• Web Updates Check with Fireclip (0)
• Optimize your Adblock Plus Filter List (14)
• Display Website Tracker Information (2)
• Youtube Video Download (11)
• Youtube It Firefox Add-on (4)

The filter list grows over time, I know mine does and becomes ineffective this way due to duplicate entries and ineffective usage of space in the filter list. Thankfully though the Adblock website offers a way to optimize this filter list to make it more effective. Before you can start with the optimization you need to export your current filter list.

Press CTRL + SHIFT + A to open Adblock Plus. Click on Filters > Export Filters to save the filter list as a text document. Now load the Adblock Plus optimization website and paste the contents of the saved filtered list into the form.

The default options that are available at the bottom should be sufficient for most users. Just make sure you check Optimize including preexisting RegExes if you already have an optimized version but added new filters to that one. Click on the optimize button which should display some stats and of course the new optimized filter list.

Now copy and paste the new filter list into a text document and import it again into Adblock Plus. Press CTRL + SHIFT + A again and click on Filters > Import Filters. Select the text document that contains the updated filter list and click ok. Make sure you select Overwrite when asked if you want to overwrite or append the filter list.

My filter list, which only contained 12 lines and 364 chars was reduced to 1 line and 251 chars which means a reduction of 91.7 % and 31 %.

Update:

Wladimir Palant from Adblock Plus contacted me and told me that Adblock Plus users should use the following two scripts if they want to optimize their filter list:

http://adblockplus.org/en/deregifier
http://adblockplus.org/en/redundancy_check

Related posts

• Remove Elements Permanently From A Website (13)
• YesScript is NoScript’s Antagonist (8)
• x Ways To Manipulate Websites In Firefox (6)
• Whitelist Bookmarks In Adblock Plus (1)
• Webslices and Activities ported to Firefox (5)