Web browsers on a timeline

Eric Meyer of CSS fame has created an extraordinarily cool browser timeline, but be sure to read his full blog post about it first. Here’s a brief extract:

here’s a browser timeline built out of a table. I’ll say it now: this does not work in IE6 and IE7. I’m not sure it’s possible to do, at least not cleanly, given the markup I used. I’ll explain what I mean in a bit.

In order to structure this data, a table seemed to make the most sense, although even it wasn’t perfect. There really wasn’t anything that seemed an exact fit, to be honest. Definition lists didn’t really fit the bill (is a browser defined by its release dates?). Plain old (un)ordered lists were a little better, but not enough. In the end I just kind of ran with the idea that time sat on one axis and browsers sat on the other axis—like a table.

Given that decision, I needed to decide exactly how to group the data. After a moments’ thought, I decided that I wanted to group the release dates by browser instead of by year. Given the way tables are structured, that means every row corresponds to a browser, each data cell in the row represents a year, and the contents of each cell are the versions released in that year.

[Via : Eric's Archived Thoughts: Structured Timeline.]

Popularity: 8% [?]

Confused? You've found you're at KnowIT when you expected to be at TiKouka at MacTips? The blog has been moved over here and you were automatically redirected. Found something broken? Please let me know.