meyerweb.com

Skip to: site navigation/presentation
Skip to: Thoughts From Eric

CSS Modules Throughout History

For very little reason other than I was curious to see what resulted, I’ve compiled a list of various CSS modules’ version histories, and then used CSS to turn it into a set of timelines.  It’s kind of a low-cost way to visualize the life cycle of and energy going into various CSS modules.

I’ll warn you up front that as of this writing the user interaction is not ideal, and in some places the presentation suffers from too much content overlap.  This happens in timelines where lots of drafts were released in a short period of time.  (In one case, two related drafts were released on the same day!)  I intend to clean up the presentation, but for the moment I’m still fiddling with ideas.  The obvious one is to rotate every other spec name by -45 degrees, but that looked kind of awful.  I suspect I’ll end up doing some sort of timestamp comparison and if they’re too close together, toss on a class that invokes a -45deg rotation.  Or maybe I’ll get fancier!

The interaction is a little tougher to improve, given what’s being done here, but I have a few ideas for making things, if not perfect, at least less twitchy.

I should also note that not every module is listed as I write this:  I intentionally left off modules whose last update was 2006 or earlier.  I may add them at the end, or put them into a separate set of timelines.  The historian in me definitely wants to see them included, but the shadow of a UX person who dwells somewhere in the furthest corners of my head wanted to avoid as much clutter as possible.  We’ll see which one wins.

Anyway, somewhat like the browser release timeline, which is probably going to freeze in the face of the rapid-versioning schemes that are all the rage these days, I had fun combining my love of the web and my love of history.  I should do it more often, really.  The irony is that I don’t really have the time.

Two Responses»

    • #1
    • Pingback
    • Mon 3 Oct 2011
    • 1551
    Received from Some links for light reading (04/10/11) | Max Design

    […] CSS Modules Throughout History […]

    • #2
    • Comment
    • Tue 1 Nov 2011
    • 0841
    Joe Edwards wrote in to say...

    I don’t find it bothersome. You can’t change the fact that there were 2 releases on the same day. You can see the same in the browser release timeline where in 2011 there are a lot of new releases of firefox and chrome.
    The CSS modules timeline is a nice overview, maybe you can still place the year of the releases (1997 to 2011) on the top of the timeline. In that way you don’t have to click on each one to see the year.

Leave a Comment

Line and paragraph breaks automatic, e-mail address required but never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Remember to encode character entities if you're posting markup examples! Management reserves the right to edit or remove any comment—especially those that are abusive, irrelevant to the topic at hand, or made by anonymous posters—although honestly, most edits are a matter of fixing mangled markup. Thus the note about encoding your entities. If you're satisfied with what you've written, then go ahead...


September 2011
SMTWTFS
August October
 123
45678910
11121314151617
18192021222324
252627282930  

Sidestep

Feeds

Extras