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

  • 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

    • Session Recordings

      Overall Notes, Format

      Eric’s Feedback

      Michael’s Feedback

      Amely’s Feedback

      We’re joined today by another alumnus from last year:

      Amely Richter is a graphic and product designer based in New York, currently a designer at Selman⁠—a design studio based in Gowanus. In May, she graduated from Parsons with a Master’s in Communication Design, and previously worked as an Art Director in advertising. Her work leans into structure without losing the spark⁠—best when things feel slightly weird and made with great teams.

      Portfolio Site

      Last Overall Notes

      • We want to see folks thinking about the whole experience of coming to the site (or using the extension)⁠—maybe it needs initial explanatory copy, or a one-time introduction modal. We want these to “stand on their own” without you presenting.

      • In our mobile UI/​controls, be sure they are sized (and spaced) for fingers. We’re seeing lots of small buttons and options very close together⁠—which makes it feel too precise and brittle. Try it on your phone, with your thumbs!

      • We want to see more differentiation between primary, secondary, and disabled controls⁠—like any UI library. We want it to always be clear what we should click and what we can’t.

      • As we think through presentations, we want you to reframe your work (the story you tell about it) around the project prompt⁠—it’s often easy to lose sight of “the big picture” when we’re “down in the weeds.”

        In this capstone project, students will identify a problem⁠—whether in their own life, or in the lives of others. They will then design and implement their answer to this problem using the tools, technologies, and techniques they’ve learned in this course.

      • Also when you are presenting⁠—your demonstration itself is a story, too. Consider the path you go through as another way to tell that story, while showing its features.

      • Be sure to read through the requirements again and make sure you have everything covered!

      Notes on Format

      Presentations begin next week! Let’s talk through it:

      Project Nº 5: Notes on Format

      Final Project Check-Ins

      We’ll be in the same small groups from last week, again:

      Group Nº 1

      • Ali
      • Zarah
      • Sooim
      • Evgenii
      • Sophia

      Group Nº 2

      • Mia
      • Riya
      • Lucy
      • Kinza
      • Trenton

      Group Nº 3

      • Michael
      • Soko
      • Chareese
      • Amanda
      • Katie

      Group Nº 4

      • Melody
      • Maika
      • Kimaya
      • Noor
      • Cason
      • Zoom for Amely
      • Zoom for Eric
      • Zoom for Michael

      Same structure as last week

      • Our goal today is for you to see both instructors and both one alumn!

      • Have your projects up again on your phones! But you can show us desktop now, if you’d like.

      • With your instructors: update us on your progress and what you’re doing to close it out.

      • Our goal is to prioritize these efforts for next week! 😲

      • With your alumn: give them a brief background to your problem/​concept and then just hand it over!

      • Since your project should be much more visually complete, get their fresh take on the overall experience.

      For next week

      • You’ll be completing your projects!

        Look through our previous overall notes and make sure you’ve addressed these points in your own work.

        We want you to balance your remaining time between “sanding down” any rough edges and prepping (and practicing) your presentations:

        Project Nº 5: Final Refinements and Presentation

      • Make sure we have your final URLs:

        Submission Form

    • 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