If you’re seeing this, the site behind it is likely broken!

Hi, there. I use these course sites as little sandboxes to experiment with and learn various “brand new” CSS properties—and your browser does not support (at least) one of them. Apologies. It “should” always work in current/updating Safari and Chrome!

  • Typography & Interaction

    ’25–26

  • The Syllabus

  • Our Class

  • Unit Nº 1: “Type and the Web”

    Wks. 1–6

    • Week Nº 1

      Aug. 29

    • Everything Is a “Web Page”

    • Week Nº 2

      Sep. 5

    • It’s All About Type

    • Week Nº 3

      Sep. 12

    • An Intro to HTML

    • Week Nº 4

      Sep. 19

    • An Intro to CSS

    • Week Nº 5

      Sep. 26

    • The Box Model

    • Project Nº 1: “Manuscript”

      Oct. 3

    • Week Nº 6

      Oct. 3

  • Unit Nº 2: “There Is No Perfect Layout”

    Wks. 7–10

    • Week Nº 7

      Oct. 10

    • Responsive Design

    • DevTools /​ Web Inspector

    • Week Nº 8

      Oct. 17

    • Finally, Flexbox

    • And (CSS) Grid

    • Week Nº 9

      Oct. 24

    • Some Additional, Advanced CSS

    • Project Nº 2: “Spread”

      Oct. 31

    • Week Nº 10

      Oct. 31

  • Unit Nº 3: “Typography as Interface”

    Wks. 11–15

    • Week Nº 11

      Nov. 7

    • Working with Images

    • Week Nº 12

      Nov. 14

    • Week Nº 13

      Nov. 21

    • Thanksgiving Week

    • Project Nº 3: “Binding”

      Dec. 5

    • Week Nº 14

      Dec. 5

    • Week Nº 15

      Dec. 12

  • Winter Break

  • Unit Nº 4: “Interface as Interface”

    Wks. 16–21

    • Week Nº 16

      Jan. 21

    • Week Nº 17

      Jan. 28

    • An Intro to JavaScript

    • Week Nº 18

      Feb. 4

    • Week Nº 19

      Feb. 11

    • Week Nº 20

      Feb. 18

    • Project Nº 4: “Links”

      Feb. 25

      • Week Nº 21

      Feb. 25

      • Session Recordings

      Room Nº 602

      Room Nº 620

      Links Presentations

      Our whole class today is for your fourth project presentations. Here are our groups:

      Room Nº 602
      Across the street(s). Windows!

      1. Kimaya
      2. Noor
      3. Zarah
      4. Lucy
      5. Riya
      6. Melody
      7. Trenton
      8. Maika
      9. Sooim
      10. Cason

      Michael’s Zoom

      Room Nº 620
      Our normal (UC) one. Mirrors!

      1. Soko
      2. Mia
      3. Ali
      4. Chareese
      5. Evgenii
      6. Kinza
      7. Katie
      8. Sophia
      9. Michael
      10. Amanda

      Class Zoom

      Please look through the notes on format again before class!

      For next week

      • Watch the other half’s presentations, above!

        We can learn a lot from how others respond to the same prompt⁠—in interpretation, implementation, and presentation. Let’s also respect that with our attention, and watch as if we were in the same room.

      • We’ll be starting our fifth and final unit, If All You Have Is a Hammer, Everything Looks Like a Nail. Read our main text selection, in preparation:

        • What Is Code?
          Paul Ford, 2015

      • Add your reading synthesis, as we have done before:

        Unit Nº 5: Reading Responses

      Use caution: Long-ass reading ahead

      What Is Code? is very good, but it is also very long⁠—leave plenty of time for it. If you hit the paywall (or love irony), there is also a scanned PDF of how this ran in “print.”

    •

  • Unit Nº 5: “If All You Have Is a Hammer, Everything Looks like a Nail”

    Wks. 22–30

    • Week Nº 22

      Mar. 4

    • Puttin’ a (Link/​Meta) Bow on It

    • Week Nº 23

      Mar. 11

    • Spring Break

    • Week Nº 24

      Mar. 25

    • Week Nº 25

      Apr. 1

    • Week Nº 26

      Apr. 8

    • Week Nº 27

      Apr. 15

    • Project Nº 5: “Functions”

      Apr. 22

    • Week Nº 28

      Apr. 22

    • Week Nº 29

      Apr. 29

    • Week Nº 30

      May 6

    • “Everything Else”

  • Project “Index”

    May 15

  • The end