CSS3 MadMen animation

I would love to have seen Andy’s presentation as it looks really interesting (and trying to understand a presentation from slides alone is quite a challenge sometimes).  However, a lot of this looks really interesting with some great visual examples and accompanying code of CSS3 animation recreating the MadMen intro animation with CSS3.

Related Post

Minimum viable product (MVP). What is it and why should you care? A minimum viable product is a great way of building user centric digital services in a fraction of the time. It will also lead to big cost savings.
Designing with data and incremental development Designing with data and incremental development are great in principle. But practically they face problems. Problems a new generation of tool help us overcome.
Why you should want to be a user experience developer If you want to secure your future as a developer, become one of the new generation of user experience developers.
  • CSS is starting to be the driving force of all web design controlling every aspect of how a page displays but to think it can animate is wild.  I wish there was a working version of the animation to see – but perhaps browsers aren’t that advanced yet. Once we can view it we can see if it’s as refined as Flash.  So far nothing can ever come close to the effects you can have in flash.

  • Not sure if you saw the working version of this, but if this is what you can do with CSS it’s amazing.
    http://animatable.com/demos/madmanimation/

Boagworks

Boagworld