CSS - Animations Part 1
Livestream status
We are currently offline.
If the stream has started, you can watch it directly on YouTube. We add the recording to this page after class.
Open live stream on YouTubeInstructors: 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