Why this course?

Description

Before we start:

• Have both Chrome and Firefox Developer Edition installed on your computer. Use either one. We'll be exploring both of their animation tools.
• Sign up for an account at CodePen, where we will be doing the exercises in this workshop. If you'd like to save your work, just click "fork" and a copy will be saved to your account for you to tweak and play with for all time.

Be aware that all the exercises are equipped jQuery and -prefix-free. Don't worry about using prefixes with the CSS. And feel free to use either plain JavaScript or jQuery as you please.

Lastly, you should totally subscribe to Web Animations Weekly if you haven't already. If anything you learn today changes, this is the first place you'll hear about it.

You will Learn

• CSS Transitions & Animations
• How to use animation in product design
• How to create stateful animations with JavaScript
• How to use developer tools to manipulate animations
• How to design performant animations