In Class
I will give a demo on Accessibility and Typographic Scale.
(download example starting files)
We will also look at your Figma designs for the Interview Project and there is time to work in class.
Reading
Typographic Scale by Joseph Mueller
A rational approach to type sizes.
typescale.com
Tool to create and test type scales.
Full-Bleed Layout Using CSS Grid by Josh Comeau
An interesting way of coding a layout that includes full-bleed images.
Project 3 (Interview)
Due Next Class (Oct 20):
Code the HTML and CSS for one of your interviews.
- Don’t yet worry about the dark mode or implementing the javascript plugin for now
- Concentrate on proper HTML markup (with a proper document outline) and rock-solid, responsive, mobile-first CSS
Delivery
Bring your code to next week’s class.
Show & Tell for Next Class
Amber: Post your discovery of the week in the #show-and-tell Slack channel.