I was off reading Adam Gessaman‘s site and noticed that Firefox had tossed an icon that I’d never noticed before into my status bar. I clicked on it and was presented with a list of alternative style sheets to use in viewing 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 ability 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 making a note here on how Adam coded his style sheets so I can do something like this when I redo my site at some point. Basically, I think is a great way to maintain the older themes of a site so people can see what it used to look like while still defaulting to the latest/greatest.
It looks like all you need to do is create the various 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 courtesy of Idly.org