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

    • Session Recording

      Very Special Guests

      Before we get started, we want to introduce two guests joining us for our check-ins today:

      Hannah

      Hannah Farnham is a multidisciplinary designer based in NYC. She is currently a freelance designer for Zaelab, a digital commerce agency. In May, she graduated from Parsons with a Master’s in Communication Design, and previously worked for Trellis as a UI/​UX Design Lead.

      Hannah combines design, art, and technology to craft thoughtful experiences across mediums. While UI/​UX is her specialty, she integrates branding, motion, coding, and illustration to inspire and produce bespoke solutions.

      Portfolio Site

      Devansh

      Devansh Khajanchi is a digital product designer based in New York, currently the Head of Design at Noise Labs–a platform that lets users trade ‘trends’. He holds a Masters degree in Communication Design from Parsons School of Design and a Bachelors from the National Institute of Design, majoring in Exhibition Design.

      Devansh’s practice is rooted in accessibility, clarity, and design that bridges the physical and digital to create meaningful experiences for users.

      Portfolio Site

      Extra Credit?

      For anyone worried about their grades, we will be offering an extra-credit opportunity. We don’t want this to interfere with your final projects (which are worth much more) though, so you’ll hear about it after they are due, next class!

      Your Final Presentations

      Next class⁠—in two weeks, after the holiday⁠—you’ll be presenting your final projects! Let’s go through the format:

      Project Nº 3: Notes on Format

      More Project 3 Check-Ins

      Then we’ll spend the rest of the day looking through your project design systems. Same idea as last week, but smaller groups (and more eyes):

      Group Nº 1

      • Ali
      • Amanda
      • Cason
      • Chareese
      • Evgenii

      Group Nº 2

      • Katie
      • Kimaya
      • Kinza
      • Lucy
      • Noor

      Group Nº 3

      • Maika
      • Melody
      • Mia
      • Michael
      • Riya

      Group Nº 4

      • Soko
      • Sooim
      • Sophia
      • Trenton
      • Zarah

      The plan:

      • Same general idea as last week⁠—but we’re going to try and go faster to see more people/​get more opinions/​imbue chaos

      • So we’re going to shoot for around 5 minutes with each of you 😵‍💫

      • So we’ll each see a whole group, move to the next group in the room, then take a short break⁠—then switch rooms

      • When you don’t have an instructor with you, you’ll have one of our special guests! They’ve been where you have been!

      • Have your work up on your laptop, this time

      • This is definitely a Big Picture status-check, with an overall focus on cohesion/​progress⁠—save specifics for Slack

      • Be ready to take notes! In your notebook or on your phone, since we’ll have your laptop

      • Feedback for one is usually feedback for all; let’s be actively listening to each turn

      For Next Week Class

      • You will be finishing your Binding projects:

        Project Nº 3: Finalize Your “Book” and Presentation

        You’ve got two weeks! We want to see the refinement!

      • It might be helpful to revisit our previous overall notes, and your own individual feedback that we’ve shared in Slack. Think about what you can focus on to improve.

        For many of you in the last project⁠—it was your presentation itself; for others, it was systematizing/​tidying your code. We’re always looking for improvement, especially if we’ve called it out!

      • And then prepare to present your work on December 5:

        Project Nº 3: Notes on Format

      That’s it! We’re really excited to see where you take these, and we’ve all come a long way.

    • 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

    • Some More JavaScript

    • Week Nº 19

      Feb. 11

    • Week Nº 20

      Feb. 18

    • 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

    • Putting 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”

    • The end