Unit 02

The Utility Class

By the end of this unit you can write a valid HTML page from nothing, choose elements for what content means rather than how it looks, and write your own CSS helper classes — then read a Tailwind class and say exactly what rule it sets.

Intro to Web Design · members' unit

The Utility Class is behind a locked door

Units in Intro to Web Design are for people taking the course. Getting in takes a link or a key — signing in on its own doesn't do it.

What's in this unit · 20 min read

  1. Anatomy of a document — writing your first page
  2. Meaning before appearance
  3. CSS as a separate concern
  4. One class, one job
  5. A palette in custom properties
  6. Composing without cascade fights
  7. What a framework hands you
  8. The trade
  9. Leaving the sandbox
  10. Your tools

14 quick checksscrollytellingstepperlive HTML/CSS sandboxcode exercises

1 Sign in

With your school Google account. This is how your work reaches the gradebook — it doesn't open the unit by itself.

2 Get in

Open the class link your teacher posted — that's the usual way, and it enrols you on the spot. Or paste an access key if you were handed one.

A key unlocks this browser and keeps your progress here; signing in keeps it with you across devices. Either way the key itself is only ever checked as a hash. Manage all of this on your account, read what signing in stores, or go back to Intro to Web Design.

Sources