This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy.
Thursday 3/2
Activity 1: Responsive Personal Site Q&A
Most of you have turned in the Responsive Personal Site which is great, but there are some who need to turn it in and I believe some questions. We will take 25mins at the beginning of class to answer questions you ask me. I have not started to score them yet, so you also still have time to make last minute changes.
Activity 2: Grid Practice Quiz
We will start with a practice CSS Grid quiz. When you’re done, take a screenshot of your results and send it to me on Discord. You should see something like this when you’re done:
CSS Grid Practice Quiz Link
https://quizlet.com/444426274/test
Activity 3: Eleventy Intro
We are going to start looking at Eleventy (11ty) today.
Resources:
- Eleventy Sample Site (GitHub Classroom)
- Eleventy Build Process Miro
Tuesday 2/28
Activity 1: Color+Design Cards
This is the activity we didn’t have time for last week on Thursday. We will start the class with this activity. It uses the following resources:
- Design Cards Example (in Codepen)
- Start (not styled well)
- Example of finished cards (post style update)
- Contrast Ratio: this helps you check if your text and background colors have enough contrast.
I will give a brief description of the cards and the activity. Then you will be put in breakout rooms and come up with a revised design for the cards.
Activity 2: Responsive Personal Site Questions
During this part of the class we will take questions and issues you have in completing and submitting the project (there is now a Blackboard assignment for it you can use to Submit the Project).
