Motion Design with CSS: Master the Principles

Learn CSS Animations, Transitions, tooling, and performance alongside core motion design principles for building better UI.

Animation is crucial to developing interactive designs and interfaces, and CSS and the Web Animation API offer some of the most performant ways to animate today.

This workshop gives attendees the skills they need to animate in the most performant and up to date way. Rich with fun example code, demonstrations, and lectures, there's a great mix here for people of all learning styles.

  • For Web developers and designers who use JavaScript.
  • Mastery of CSS transitions and animations
  • How performance and rendering are intertwined
  • Stateful Animation with JavaScript
  • Animation events that scale
  • Controlling playback with the Web Animation API


Your Instructor


Rachel Nabors
Rachel Nabors

I'm a web animation expert and consultant. I've given workshops at companies and conferences in eight different countries; write about web animations and UI animation for publications such as A List Apart, Net Mag, and Adobe Inspire; and keynote conferences including O’Reilly’s OSCON. I love the web animation community and advocate for it as an invited expert at the W3C.

If you'd like to get more involved, check out my newsletter WebAnimationWeekly.com and join us at the Animation at Work Slack community . You can also find me on Twitter and at rachelnabors.com.


Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!