Current URL
https://docs.google.com/document/d/1IMFLb2xqZxqbbW4LSeVi2xmxuIenpbPln6Gx12KQcxg/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

Syllabus

Schedule

Resources

Tutorials

Introduction to Illustrator

Introduction to Photoshop

Introduction to After Effects

After Effects Cheat Sheet

Webflow Cheat Sheet

Projects

Small Project 1: This is *not* paper.

  • Unit 1: Light

Research Prompt 1: Digital Designers and Designs

  • Unit 1: Light

Project 1: This is *not* a poster.

  • Unit 1: Light

Small Project 2: This is *not* a ball.

  • Unit 2: Motion

Research Prompt 2: Animators and Animations

  • Unit 2: Motion

Project 2: This is *not* an image.

  • Unit 2: Motion

Small Project 3: This is *not* a microwave.

  • Unit 3: Interaction

Research Prompt 3: User Interfaces

  • Unit 3: Interaction

Project 3: This is *not* a book.

  • Unit 3: Interaction

Lectures

Class 1

  • Unit 1: Light
  • 1/9/2023

Class 2

  • Unit 1: Light
  • 1/10/2023

Class 3

  • Unit 1: Light
  • 1/11/2023

Class 4

  • Unit 1: Light
  • 1/17/2023

Class 5

  • Unit 2: Motion
  • 1/23/2023

Class 6

  • Unit 2: Motion
  • 1/24/2023

Class 7

  • Unit 2: Motion
  • 1/30/2023

Class 9

  • Unit 3: Interaction
  • 1/31/2023

Class 10

  • Unit 3: Interaction
  • 2/6/2023
📺  View all resources ↗