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
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:30AMTech Check and Hello
- 9:00AMIntro
- 9:15AMCSS Transitions
- 10:15AMCSS Animations
- 11:15AMAnimation in Design
- 12:00PMLunch
- 1:00PMStateful Animation
- 2:00PMSequencing
- 2:30PMSyncing
- 3:00PMPerformance
- 4:00PMTooling
- 4:30PMWrap-up
Interact with the Instructor - Online & In-Person
Is This Workshop for Me?
Summary
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
What
One Full Day Workshop Session
Replay Videos (available immediately)
When
April 21, 2016 - 9:30am to 5:30pm Central Daylight Time
Where
Option 1: Attend online on our full HD live stream
Option 2: Attend in-person at HQ in Minneapolis, MN