If Don Draper Was a Web Developer
First things first: How awesome are CSS3 animations?! I mean, I never really fully grasped the idea of non-Flash animations until now. And I no longer can see why CSS3 animations (and HTML5, at that) couldn’t become the standard soon.
Anyway, I came across Eric Bidelman’s Google+ post providing a link to what he thinks is a great use of SVG and CSS animation by Anthony Calzadilla. While that particular project didn’t quite work as it should have on my browser, another animation easily caught my attention while reading through Calzadilla’s blog.
Mad Manimation is a parody of the now-famous Mad Men opening sequence (originally by Imaginary Forces) where Calzadilla thought it would be cool to re-create the Mad Men intro, but replace the man’s shiny shoes with a pair of classic Adidas.
That blog was dated April 17, 2011 and did not provide any links to where the project is being developed, as it was still in that stage then. He also did not indicate where the final animation would be posted—I mean, how was I to know that Animatable was an HTML5/CSS3 animation platform?
It was only when Calzadilla himself tweeted back that I realized the project has already been up for three months now. It was real nice of him to respond and provide the URL to his work.
The result was spot-on! It’s as close to the original animation as it could be and it’s difficult to imagine how this was all done without Flash.
If you know me, you know I love anything Mad Men so this post shouldn’t come as surprising. But add to that new possibilities these upcoming web technologies bring and you got all my senses churning.