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

    • Session Recording

      Very Special Guests

      Before we get going, our guests for your check-ins today:

      Hye Lynn

      Hye Lynn Suh is a product designer at 25madison, a venture studio building and investing in B2B tech for underserved industries. She holds a Masters degree in Communication Design from Parsons School of Design and a Bachelors in Fine Arts and Information Science from Cornell University.

      Hye Lynn specializes in transforming complex systems into structured, usable, and emotionally resonant product experiences, blending visual design, interaction design, and emerging technologies.

      Portfolio Site

      Rice

      Rice Gallardo (she/​they) is a multidisciplinary designer based in NYC. They hold a Master’s in Communication Design from Parsons, and a BFA in Illustration from SVA. They currently work at general population, an independent marketing agency, where they design and develop websites and brand identities for clients in the arts and entertainment industry. They’re also a designer at Devsisters USA, a video game company, where they work on marketing for its Cookie Run mobile games.

      Working across design, motion, illustration, and code, Rice’s practice explores the intersections of different creative processes to expand visual storytelling, crafting digital experiences that are engaging, inclusive, and resonant with diverse audiences.

      Portfolio Site

      Your Presentations

      You’ll be be presenting your fourth projects next week! Let’s talk about the format:

      Project Nº 4: Notes on Format

      More Project Check-Ins

      And then we will be checking in on your projects, where you are with Adding Interactivity. Our groups today:

      Group Nº 1

      • Zarah
      • Cason
      • Riya
      • Ali
      • Melody

      Group Nº 2

      • Noor
      • Michael
      • Katie
      • Amanda
      • Mia

      Group Nº 3

      • Kinza
      • Kimaya
      • Maika
      • Sophia
      • Sooim

      Group Nº 4

      • Soko
      • Chareese
      • Evgenii
      • Lucy
      • Trenton
      • You’ll each see both instructors today (and ideally, both guests)

      • We’ll shoot for about 5 minutes with each of you

      • We’ll each see two groups, then take a short break

      • Give us a quick background, then show us your progress

      • Have your work up on your phone! You know the drill!

      • Let’s focus on conceptual and design feedback (save specific technical questions for Slack), for time

      For Next Week

      • You will be finishing your Links projects:

        Project Nº 4: Refinement and Review

        As you hone your work, read back through the previous phases carefully and make sure that you aren’t missing anything. We are expecting to see continued evolution of your work based on your concept and our ongoing feedback!

      • Make sure you “turn in” your URL⁠s, as usual:

        Submission Form

      • And prepare to present your work next week! We’ll split into two groups, and using the entire class for this purpose. Keep in mind our structure:

        Project Nº 4: Notes on Format

    • Project Nº 4: “Links”

      Feb. 25

    • Week Nº 21

      Feb. 25

  • 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