October 2: The Site

Class Topics

  • Review Legibility writing assignments
  • CSS Grid Q & A
  • Navigation: Semantic Markup
  • Navigation Challenge: Use css grid to make a one column navigation on narrow screens convert to a multi-column single-row navigation on larger screens. Remember to make navigation keyboard accessible.
  • Troubleshoot CSS Grid invitation exercises
  • Introduce Campaign Website Activity

Homework

  • Revise writing assignments (if necessary)
  • Revise and commit changes to CSS grid assignments
  • UI Sketchbook: For your assigned campaign website assigned in class, sketch (with detail in grayscale) the full user-flow of the donate/contribute module on a narrow screen (like a mobile device). A full-user flow includes all steps of the donate/contribute process once you arrive on the initial donate/contribute screen.