Current URL
https://docs.google.com/document/d/1l2ErHgyUqn6qqaG--9EB_dhPN3FbDsw18rs-OFRBsmU/edit?tab=t.hl208emwwyqo ↗
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

🍎 Syllabus

🗓️ Schedule

🖇️ Resources

✉️ Project Submission Form

🎥 Lectures

🗓️ Week 1

🗓️ Week 2

🗓️ Week 3

🗓️ Week 4

🗓️ Week 10

⏳ Activities

⏳ Activities Overview

🌳 Dialog Trees

🕹️ Arcade

➿ Conditional Design

🏠 Sketch Models

🚦 Stop/Go

📺 Heads-Up Display (HUD)

🃏 Play and Playfulness

👯 Personas

☑️ Surveys

💭 Workshops

📐 Technicals

📐 Technicals Overview

👆 Call-to-Action

👁️ Look & Feel

🖥️ Information Architecture

⌚️ Telling the Time

🛠️ Projects

🛠️ Projects Overview

🏁 Designing for Play

🌝 It’s Your Niche

💾 Component Catalog
👆  View all resources ↗