Creating Animated Music Videos with CSS3 and HTML5

When Rachel Nabors transitioned to web design from comics four years ago, the first thing she wanted to do was animate a cartoon in the browser. But instead of learning Flash, she was more interested in mastering CSS and JavaScript.

For a long time animating with JavaScript was limiting and resource intensive. There was no simple way to incorporate audio. But things have drastically changed in the past year with widespread adoption of CSS3 animations and HTML5 audio. You can do much without using JavaScript at all, and when you do use JavaScript, you can accomplish so much more!

In this talk, Rachel will show you the basic techniques any front-end developer or ambitious designer can use to reproduce classic animation techniques like walkcycles and “cut-outs.” Then she shows you how to combine them all into a cohesive whole.

Whether or not the browser is the next animation platform, you’re sure to come away with a deeper understanding of bleeding edge CSS and how to control its interactions with audio and JavaScript.