# Week 5 Agenda

# Studio

# Tuesday, 2/17

• CRITIQUE DAY. Be ready to present your 3 website for 2 minute
• Intro to Project 02

# Homework

CRITIQUE DAY. Be ready to present your 3 website for 2 minute

# Thursday, 2/19

• Review project 02
• Learning what is a CMS
• UX/UI wireframes

# Homework

• [TBA on Tuesday]

# Lab

# Friday, 2/21

• Week 5 Student Presentation (Shuming)
• Review CSS Grid Homework
• CSS Grid Summary (any questions answered)
• Lesson 5a: CSS fun with animation
• Lesson 5b: CSS variables

# Homework

• Create a brand new page with your own CSS animations! This can be a series of smaller animations or a single larger animation, but make sure you:
  • Include instructions on the page for interactions if necessary (hover over the box to see it spin, etc.)
  • Use both types of css animation techniques:
    • 1. transition
    • 2. animation with @keyframes
  • Animate as many properties as you want but be sure to at least include transform and opacity changes
  • Include CSS variables for things like colors and animation properties
  • bonus challenge: animate a pseudo-element like ::after or ::before

Need help? check out our week 5 lessons, the MDN docs for transition and animation and reference Andrew's in-class Codepens listed on the instructor site README.md

• Next Up for our weekly presentation of a public site: Eliz

Due Date: Uploaded to your Github repo and accessible via a link on your course homapge by next lab, 2/28