A Stylish Firefox Add-on
Written April 22, 2008 and published in Random | 2 Comments
Whilst searching the interweb last night trying desperately to find a way to block google’s ’sponsored links’ within its gmail system, I came across a brilliant little add-on for firefox that does that plus much more! It’s so simple too.
Its called ’stylish’ and essentially overwrites the existing css of the page by using 888888;">!important. So to remove ads its as easy as finding out the container’s name and setting it to ff0000;">888888;">display:none !important;000000;">. Easy right? Well actually it can be quite hard to find the names of what you want to change… thats why there is a dev community that has done it for you at http://userstyles.org/
All you do is install the ’stylish’ add-on for firefox and then search the site for the pages that people have changed. So I searched for gmail and found hundreds of mods for it from simply removing ads to re-colouring the whole site. There are a few nice little applications that are web-wide (like the google ad blocking) and some that are only site wide (I have changed the colour of the Facebook header).
The great thing is, you can write your own or edit existing ones and preview all of them before saving them. Even then its a simple toggle-on, toggle-off system.
I recommend this for every web developer.
Russell (April 22, 2008) wrote:
Just installed this, got the “find stlyes for this page”, clicked on a pre made style from someone and bang, ign.com without any ads! fucking brilliant!
excellent find mr dennis
Jason Barnabe (April 22, 2008) wrote:
When you use DOM Inspector with Stylish, you can right-click on the left pane and use “Copy Selector”, which automatically generates a few different selectors for the selected element.