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

    • Session Recording

      Reading Discussion

      Let’s start our fourth unit, Interface As Interface, with a discussion of our selected readings:

      • I Am a Handle
        Rob Giampietro, 2012

      • Sometimes It Looks Like a Duck, Sometimes It Looks Like a Rabbit
        Jack Balkin, Dan Michaelson, 2012

      • Unit Nº 4: Reading Responses

      Further Reading

      Again we have some additional texts for you to reference on your own, over the next few weeks:

      • The Design of Everyday Things
        Don Norman, 1988 (revised 2013)

      • Laws of UX
        Jon Yablonski, 2018 (ongoing)

      • Folk Interfaces
        Maggie Appleton, 2022

      Our Fourth Project

      We’ll go through the rest of your next project in detail:

      Project Nº 4: Links

      Let’s Meet JavaScript

      We’ll spend the second half of class today getting acquainted with JS:

      An Intro to JavaScript

      And an addendum to our previous discussion on DevTools, The Console:

      DevTools (Web Inspector)

      For Next Week

      • Read through both topics from today, as we’ll run out of time! We will pick back up with them next week, but the more you prep the better JS will “stick”:

        An Intro to JavaScript

        DevTools (Web Inspector)

      • You’ll be completing the next phases of your Links project:

        Project Nº 4: Swap Collections

        Connect with your classmates⁠—both whom you are handing your collection over to, and whom you are receiving a collection from. Ask them what you need to get a feel for your the collection and the rest of your work. Add 10 items to your new, adopted channel to “get a feel for the water.”

      • And then start into your code:

        Project Nº 4: Static Content Sketching

        Start your links repo, roughing out your semantic DOM, pulling down examples from your channel for some blocks, and beginning with your styles. For next week, we want to see an example of each content type image (or video), text, and link and the start of your layout and design vocabulary.

      • Make sure we have all your links, as is custom:

        Submission Form

    • 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

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

  • Project “Index”

    May 15

  • The end