• Typography & Interaction

    ’25–26

  • The Syllabus

  • Our Class

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

      Wks. 1–6

    • Week Nº 1

      Aug. 29

      Session Recording

      #

      Introductions

      #

      We’ll briefly introduce ourselves, and then go through the room and hear from all of you. Let us know your preferred name, pronouns, something about you, and a bit about your design/​technical background⁠—anything you would like us to know!

      Our Class

      What Are We Doing Here

      #

      Let’s go through our syllabus, talk about our approach, and discuss our community agreement:

      The Syllabus

      Why We Think This Is Important

      #

      We’re going to talk about the web⁠—and why it is our pathway into typography and interaction design:

      Everything Is a “Web Page”

      For Next Week

      #
      • Fill out your entry in our Docs/​Drive class list. These will help us all get to know each other:

        Who We Are

      • Join our Slack channel and say hello:

        Slack Channel

      • Sign up for a GitHub account if you don’t have one! Do this with your newschool.edu email, then apply for the student benefits.

        You may use this GitHub account in your career, and you can always change your username (and add other email addresses) later. We’ll be using GitHub for our code. Send us your profile link:

        Submission Form

      • Sign up for Figma as well, and likewise apply for the education plan. We’ll be using Figma for visual sketching.

        Figma Team Invite

      • Read both our first unit selections:

        • The Crystal Goblet, or Printing Should Be Invisible
          Beatrice Warde, 1932

        • A Handmade Web
          J.R. Carpenter, 2015

      • And then add your thoughts and reflections:

        Unit Nº 1: Reading Responses

    • 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

    • Week Nº 8

      Oct. 17

    • Finally, Flexbox and (CSS) Grid

    • DevTools (Web Inspector)

    • 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

    • Project Nº 3: “Binding”

      Dec. 5

    • Week Nº 14

      Dec. 5

    • Week Nº 15

      Dec. 12

    • 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

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