A step-by-step tutorial on listening for CSS animation events with JavaScript and the additional details you can get from them! The example we use is live on the lovely codepen.io (cdpn.io/BnAwx) and the full list of links and resources are on my site. In an odd turn of events, there are no cats in this tutorial.

Music from the super happy and upbeat Alpine. Go buy A is for Alpine on Amazon (amazon.com/A-Is-Alpine/dp/B00C2U6E60) or iTunes (itunes.apple.com/us/album/a-is-for-alpine/id636157647).

# vimeo.com/86821694 Uploaded 4,519 Views 4 Comments

All The Right Moves Screencast

Created by val head

A screencast series of UI animation reviews and web animation tutorials hosted by Val Head.

Get even more web animation tips and resources in the UI Animation Newsletter: uianimationnewsletter.com

Browse This Channel

Shout Box

  • LaraghSweeney

    I'm a fan and subscriber to Net Magazine, Creative BloQ and Computer Arts to name a few and your articles and tutorials have been a great support and inspiration to me since I became a web developer and designer a year ago. As the only female developer in my office, it's also encouraging to be able to follow and quote the work of a successful, widely respected and well liked female developer. The channel is an awesome resource, thanks again!

    by LaraghSweeney

  • Ben Palmer

    Great tutorials Val, very informative and easy to follow. Thanks so much.

    by Ben Palmer

Heads up: the shoutbox will be retiring soon. It’s tired of working, and can’t wait to relax. You can still send a message to the channel owner, though!

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels.