Current URL
https://docs.google.com/document/d/1p75xhOY0SbjzDh8brEKP_vmFXiKNmN67LGd-JO_cpp8/edit?usp=sharing ↗
Zoom Level

🏡  Learning Hubs

🏠  GD with GD

The hub for all GD with GD projects!

🍎  Classroom

You are here: an open-source archive of syllabi, project descriptions, lectures, and more!

💻  DEMOLAND

A bookstore that runs on code and teaches it too! Read and edit live demos using a code editor that lives right inside your browser.

🦮  Guides and Tutorials

👶  Baby Steps

Everything you need to know for when you first start coding!

📝  Cheatsheet

Quick-reference guide for HTML, CSS, and JavaScript!

📁  Pathfinder

An explanation of how folder structure works on websites!

💡  Inspiration

🔦  Student Spotlight

Web-based student projects from GD with GD courses!

🔠  Variable Fonts Workshop

Toys for playing with an testing variable fonts, as well as a showcase of student fonts!

📚  Small Sites; Big Stories

Websites created using as little code as possible!

🕹️  Toys and Tools

🔠  Variable Fonts Workshop

Toys for playing with and testing variable fonts, as well as a showcase of student fonts!

🤖  Generator

Our custom tool for generating GD with GD graphics!

2025

🔠  Type + Code v2

Design experimental fonts, and then launch a type foundry to showcase your work!

  • RISD
  • Fall 2025
  • GRAPH 3123

🎬  In Motion v2

A tour through the world of motion design, with an emphasis on musicality and performance!

  • RISD
  • Fall 2025
  • GRAPH 2216

👆  Design for Interaction v1

A primer on UI/UX from the perspectives of performance and playfulness.

  • RISD
  • Spring 2025
  • GRAPH 3327

🤖  Introduction to Computation v1

Computer science for designers and artists.

  • RISD
  • Spring 2025
  • CTC 1000

2024

🔠  Type + Code v1

Creative coding elective focusing on type design, digital fonts, and unique reading experiences.

  • RISD
  • Fall 2024
  • GRAPH 3123

🎬  In Motion v1

Motion design elective exploring a wide range of skills and use cases for animation.

  • RISD
  • Fall 2024
  • GRAPH 2216

🔡  Variable Fonts Workshop v2

Type design through the lens of experimental variable fonts.

  • RISD
  • Spring 2024
  • GRAPH 3163

🌐  Web Sites & Stories v1

Web design and development as a medium for storytelling.

  • RISD
  • Winter 2024
  • GRAPH 3271

2023

💻  Web Programming Workshop v2

The basics of HTML, CSS, and a tiny bit of JavaScript.

  • RISD
  • Fall 2023
  • GRAPH 3188

🔡  Variable Fonts Workshop v1

Type design through the lens of experimental variable fonts.

  • RISD
  • Spring 2023
  • GRAPH 3163

📺  Digital Form v1

Introduction to graphic, motion, and web design from a digital-first perspective.

  • RISD
  • Winter 2023
  • GRAPH 1566

2022

💻  Web Programming Workshop v1

The basics of HTML, CSS, and a tiny bit of JavaScript.

  • RISD
  • Fall 2022
  • GRAPH 3188
🍎  View all courses ↗

Course Materials

Class Website

Type testing tool and student work showcase.

Syllabus

Tutorials

Glyphs Basics

Setting Up Variable Axes

Pixel Fonts

Drawing in Glyphs

Projects

Bitmapped

Open Sourced

Digitized

One Big Move

Variable Remix

Variable Gamut

Type Design as Performance

Lectures

Week 1

Week 2
🔡  View all resources ↗