🔠 Type + Code v1

GD with GD Classroom

🍎

Type + Code v1

Type + Code is a studio course in which students combine web programming with variable fonts to create interactive, dynamic typographic experiences. Students will become proficient in code (HTML, CSS, and JavaScript) and type design (Glyphs) to create original fonts, web specimens, digital articles, and more. This course encourages students to push the boundaries on contemporary type design and find new or underutilized use cases for experimental typography, both as a form of expression and in practical applications. These experiments are supported by readings from a wide variety of influences, including video games, performance studies, and computer science. No prior experience in type design or coding is required.

  • RISD
  • Fall 2024
  • GRAPH 3123

Course Materials

Syllabus

Schedule

Resources

Projects

Research & Analysis

Project 1: Time Traveler

Project 2: Live Type

Project 3: Not a Book

Class Websites

Baby Steps

The Designer’s Guide to Web Programming

DEMOLAND

test-project-1.html

Type Design Tutorials

Glyphs Basics

Setting Up Variable Axes

Pixel Fonts

Drawing in Glyphs

Readings

Introduction to the World Wide Web

By Dave Raggett

  • Week 2

A History of HTML

By Dave Raggett

  • Week 2

Cascading HTML style sheets -- a proposal

By Håkon W Lie

  • Week 2

20 Years of CSS

By Bert Bos

  • Week 2

A brief history of CSS until 2016

By Bert Bos

  • Week 2

Web Design in 4 Minutes

By Jeremy Thomas

  • Week 3

A Handmade Web

By J. R. Carpenter

  • Week 3

We Are Family! I’ve Got All My Variations With Me

By David Jonathan Ross

  • Week 5

Typeface as Programme

By Jürg Lehni

  • Week 6

Letter & Spirit

By Dexter Sinister

  • Week 7

How Google perfected the web

By Mia Sato

  • Week 9

My website is a shifting house next to a river of knowledge. What could yours be?

By Laurel Schwulst

  • Week 10

Net Art Anthology

By Rhizome

  • Week 12
Select Another Course

🎓