CSS - Animations Part 1

Instructors: Jess, Carmen, and Eda

Animations

Before this session, please:

• Read Animations and Accessibility: What Are CSS Animations, and How Do They Work? and take notes
• Read Animations and Accessibility: What Are Accessibility Concerns Around Using Animations, and How Can prefers-reduced-motion Help? and take notes
• Try and complete all the steps from Build an Animated Ferris Wheel
• Complete Build a Moon Orbit solo over the next few days

During this session, we’ll:

• Review notes
• Review notes
• We’ll look at key steps and concepts from Build an Animated Ferris Wheel together to review
• We’ll look at Build a Moon Orbit together to understand what kinds of CSS animation you’ll need to review to complete this lab

After this session, please:

• Try to complete as many steps from Build a Flappy Penguin as possible before class. This workshop is Jess’ favorite and she hopes you’ll love it too.
• Complete Build a Personal Portfolio solo over the next few days. Even though this is a lab, we recommend you approach it like you would a certification. The work you do on this lab can be used as the basis of your own portfolio site to show off your skills!
• Read CSS Animations Review and take notes
• Complete CSS Animations Quiz solo to test your knowledge of CSS animations