Val Head

October 26, 2017

Step up your web animation game.

We'll cover the landscape of modern web animation and teach you how to pick the best tools for the job.

Designing and Creating Effective Web Animation

This workshop is for frontend developers and web designers looking to make quality motion design decisions in their work.

The Speaker

Val Head is a web animation expert and author with a talent for getting designers and developers alike excited about the power of animation. She is the author of Designing Interface Animation on Rosenfeld Media and teaches CSS Animation on lynda.com. Val curates the UI Animation Newsletter, co-hosts the Motion and Meaning podcast, and leads web animation workshops at companies and conferences around the world.

The Gritty Details

Val’s Promise

I promise you’ll learn how to bring your work to life with motion in meaningful ways, and you'll walk away knowing which web animation tool to use to get it done.

Workshop Description:

Motion design is quickly becoming a necessary skill for anyone working on the web today. Designers and developers across the web are embracing the power of web animation to engage and communicate.

This workshop will get you started with the essentials of web animation. It covers the basics of motion design theory as it applies to the web and how to use animation to improve the user experience. In addition to the theory, we’ll use hands-on exercises to explore the similarities and differences of animating with CSS, JavaScript, and SVG. You’ll leave knowing how to bring your work to life with motion in meaningful ways and which web animation tool to use to get it done.

Workshop topics include:

  • UX Improvements through Animation
  • Principles of UI Animation
  • Basics of Animating the DOM in CSS and JavaScript
  • SVG Animation with CSS and Greenstock
  • Performance Considerations