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!
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