Another reason why Firefox rules

I was off read­ing Adam Ges­saman’s site and noticed that Fire­fox had tossed an icon that I’d never noticed before into my sta­tus bar. I clicked on it and was pre­sented with a list of alter­na­tive style sheets to use in view­ing the site!

Ok, maybe this is only cool to geeks like me who enjoy web design but wouldn’t it be nice if every site offered you the abil­ity to change your style sheet at will? And didn’t require some crappy Javascript to pull it off?

Or maybe I’m just the last guy to know about it, but I still think it’s cool and I’m mak­ing a note here on how Adam coded his style sheets so I can do some­thing like this when I redo my site at some point. Basi­cally, I think is a great way to main­tain the older themes of a site so peo­ple can see what it used to look like while still default­ing to the latest/greatest.

It looks like all you need to do is cre­ate the var­i­ous style sheets and then link them into your HTML like so:
<link rel="alternate stylesheet" type="text/css" href="http://idly.org/style.css" title="Default Style" />
<link rel="alternate stylesheet" type="text/css" href="http://idly.org/green.css" title="Green (Old Default)" />
<link rel="alternate stylesheet" type="text/css" href="http://idly.org/blue.css" title="Blue" />

Code appears cour­tesy of Idly.org

Similar Posts

About Mark McKibben

Mark works as a [REDACTED] for [REDACTED], currently residing in Iowa. CoffeeBear.net is a place for him to blather on about whatever strikes his fancy. He currently spends his "free" time working on a photography project, playing with his cat and attempting to keep his wife happy (not necessarily in that order).

Leave a Reply

Notify me of followup comments via e-mail. You can also subscribe without commenting.