Mar27

Here’s something I worked on for a few hours just to amuse myself. I’d develop it further, but I can’t see how this has any sort of practical use (also note the caveats at the top of the script). So here it is: a web page desaturator. Takes all colors in linked stylesheets and turns them into grayscale versions. Here’s a demo using a page from the Prototype site. Firefox only.

4 Responses to “Thought: Web Page Desaturator”

  1. 1 http://tobielangel.com Says:

    Hi Andrew,

    Can’t click the button on Firefox.

    Funny you worked on that today, I was just thinking about it too, while loging out of campfire this afternoon (which uses the same effect).

  2. 2 John Resig Says:

    That’s really really cool! I suspect that this could also be quite useful for performing color-blind tests on a site. If this were in IE, you could probably use an Image Filter to change how images look too.

  3. 3 Travis Says:

    I think that could work well for lightboxes/modals, where you could desaturate everything behind to help make the rest of the page look “disabled” (a bit like how Windows XP behaves as you shut down). Nice work!

  4. 4 Kevinin Says:

    Neat! Now the only colered elements in the page are the scrollbars.


This is

The weblog of Andrew Dupont, web interface developer and writer.

Categories

Feeds

Feed Atom  Feed RSS

I wrote

Practical Prototype & script.aculo.us