5 990 SEK

Buy tickets

Workshop: The Web In Motion

This workshop will get you started with the essentials of web animation. We’ll cover the basics of motion design theory as it applies to the web, and how to use animation to improve the user experience. Throughout the workshop we’ll use hands-on exercises to explore the similarities and difference of animating with CSS, JavaScript, and SVG. You’ll leave knowing how to bring your work to life with skill and which web animation tool to use to get it done. If you’re a Designer, frontend developer or web designer looking to improve your web animation skills this workshop is for you!

What you’ll learn

  • Animating with CSS, JavaScript, and SVG

    Using hands-on code exercises, we’ll look at what animation tasks each of these are best at, how to choose between them, and how they can work together. We’ll cover the basics of animating with CSS, SVG and the Greensock JavaScript animation platform.

  • Classic animation techniques worth stealing

    The “12 classic principles” and other useful motion techniques as applied to web animation. We’ll look at the short list of principles that matter most for interaction, and how they translate to the world of web animation.

  • Animation and performance

    Animation can have both tangible and perceived effects on performance. We’ll cover which properties browsers can animated most efficiently and how to improve perceived performance with the clever use of animation.

  • Inclusive animation

    We’ll cover accessibility and inclusive design considerations for web animation. We’ll discuss how the WCAC applies to your animation choices, how to avoid creating harmful animations, and setting up your animation to be more resilient for the web.

What You’ll Need For the Workshop

No prior experience with web animation is required, but foundational HTML and CSS knowledge is recommended. Familiarity with JavaScript is helpful, but not required. A laptop with a current version of Chrome or Firefox and a free CodePen account will be needed to participate in the workshop exercises.

Your host:

  • Val Head (US)

    Design Advocate at Adobe

    Val Head is a web animation expert, author, and Design Advocate at Adobe. She is the author of ”Designing Interface Animation”, published by Rosenfeld Media, teaches CSS Animation on www.lynda.com, and curates the weekly UI Animation Newsletter.

    Read more