Web Animation Workshops has started up again for Spring, we’re headed for San Francisco, Chicago, and Paris this year, some dates still to be announced. Val Head and I team up to bring you two packed days full of content and exercises so that when you leave the class, you not only understand the techniques of how to animate in different tech stacks/environments but why. Here’s is some of the content we cover:
Essentials of CSS animation
We’ll cover what CSS transforms, transitions, and keyframe animations can do and how to use them effectively in your work. We’ll also cover how to decide which web animation option is the best solution for your projects.
Basics of TweenMax & TimelineMax
Principles of UI/UX for animation
Best practices and principles to follow to ensure the animations you create are adding something positive to the user experience, not distracting from it.
Classic animation principles worth stealing
Classic animation principles and motion graphics techniques that will make your web animation work look more professional and polished.
SVG workflow and optimization
Tools and techniques for creating smart and performant SVGs to animate.
Animating with React
Animating in React with GreenSock and React-Motion. We’ll cover the differences of animating with React’s virtual DOM, some gotchas, and how to debug performance issues.
The Web Animation API
A look at what’s coming in this latest spec, an overview of how to use it, and what it means for the near future of web animation.
Web animation performance
Techniques and properties that will help you squeeze the best performance out of your animations, plus perceived performance considerations.
If you’re interested in attending, head over to the workshop page for more info! We’re almost out of early bird tickets for SF, so scoop them up while you can.
CSS Tricks Go to Source
Author: Sarah Drasner
Powered by WPeMatico