Motion Design with CSS: Master the Principles
Join us for an Awesome Workshop on:

Motion Design with CSS: Master the Principles

April 21, 2016 - 9:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

Motion Design with CSS: Master the Principles

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • Master the secrets of CSS transitions and animations
  • Create stateful transitions with JavaScript
  • Fire events with animation event handlers
  • Learn the four ways to put animation to work enhancing your site today
  • Build performant animations and troubleshoot less performant ones
  • Use cutting edge browser tools to inspect and refine animations

Your (Awesome) Instructor

Rachel Nabors

Rachel Nabors

Rachel Nabors began telling stories online as a teenager with her award-winning webcomics. Her love of web technologies transformed into a career in front-end development, where she has worked with Mozilla, the W3C, and Microsoft to build the web forward. She wrote about the science and challenges of using animation to make great user experiences in her book, Animation at Work.

Spend a Full Day Immersed With a Leading CSS Animation Master

Workshop Details

A full day workshop with Rachel Nabors that will have you mastering CSS animations and transitions, the principles of UI animation, performance, and more." Animating DOM elements is crucial to developing interactive designs and interfaces, and CSS is one of the most performant ways to animate today. This workshop gives attendees the future-facing tools they need to do just that. Rich with fun example code, demonstrations, and lectures, there's a great mix here for people of all learning styles. Come join Rachel Nabors and master the tools you need to set your ideas in motion!

Daily Schedule

The workshop kicks off by covering a lot of ground with CSS animations and transitions. Fun exercises reveal powerful yet obscure CSS properties to help you master not just the basics but also advanced animation. Then we take a look at the science behind animation and the human brain to see how it can help improve our interfaces and designs. We learn four ways we can apply animation to an interaction and dissect real world examples.

  • 8:30AM
    Tech Check and Hello
  • 9:00AM
  • 9:15AM
    CSS Transitions
  • 10:15AM
    CSS Animations
  • 11:15AM
    Animation in Design
  • 12:00PM
  • 1:00PM
    Stateful Animation
  • 2:00PM
  • 2:30PM
  • 3:00PM
  • 4:00PM
  • 4:30PM

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


This class was designed for front-end developers and coding designers. If you've got at least basic (1-2 years) working CSS and JavaScript skills and are looking to build beautiful interactive websites, this is the place to be!

Any Prerequisites?

  • This class is for people who have familiarity with CSS and some JavaScript
  • Ideally, participants should be comfortable editing CSS and using jQuery

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


April 21, 2016 - 9:30am to 5:30pm Central Daylight Time


Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN