What are we looking at here?
I've aped robby macdonell's nhl html5 piece and repurposed it for the world cup. I learned a great deal about html5, css3, javascript, jquery, and world cup soccer doing this. Thanks again to robby macdonell's pioneering efforts and his graciousness in sharing his code.
You can ask me questions or discuss this on my blog at metaprinter.
What happened in 1942 and 1946?
World War 2 prevented the World Cup from being played.
Other interesting notes
- 204 Teams competed to qualify for the 2010 World Cup.
- FIFA is composed of more member states than the United Nations!
- The cumulative audience of all matches of the 2006 World Cup is estimated to be 26.29 billion. 715.1 million individuals watched the final match of this tournament (a ninth of the entire population of the planet).
2010?
Congratulations Spain!... now I have to update this thing!
HTML5/CSS3 rocks
This is also an exploration of several display technologies available in modern web browsers (canvas, font-embedding, css transitions, etc). I wanted to see how rich of a visualization I could create using nothing more than CSS and javascript.
Webkit Browsers (Safari, Chrome)
You get the full experience. YAY!
Firefox (3.6)
You get 98% of it, but there's some css animation sizzle you're missing out on.
Internet Explorer
Sorry. At least IE9 looks like it'll be pretty decent?