Current URL
https://docs.google.com/document/d/1W5swm-KnY604VktVN7Hc8PepbAfC_LOodNme2FwkGXU/edit?tab=t.4jpx0fd7l27q ↗
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

An overview of the full course.

🗓️  Schedule

Agenda and homework for each week.

🎓  Tutorials/Resources

Learn how to animate using After Effects, as well as pick up a few other tricks!

💡  Inspiration

Links to wide range of animation references!

🔥  Exercises

Quick, fun assignments that we’ll complete during class.

💾  Prepping your files for submission

Tutorial for how to export, compress, and package your After Effects projects!

📂  Student Work Folder

Upload your finished projects here!

🔌  Motion Tools Classic (AE Plug-in)

A free plug-in that makes some things in After Effects easier.

Projects

✏️  P1: Rehearsal

Create a hand drawn, looping animation inspired by your favorite song (or a song you like)!

🎼  P2: Overture

Animate 15 motion studies, each inspired by a different musical concept!

💥  P3: Intermission

Put together the ugliest, hardest to watch animation you can possibly conceive of!

📣  P4: Showstopper

Tell us a story through kinetic typography!

💻  P5: Encore

Apply motion graphics to a series of user experience scenarios!

🎭  PS: Dramaturgy

Research an assigned style of motion design and create a presentation for the class!

Lectures

Week 1

  • 9/9/25

Week 2

  • 9/16/25
🎬  View all resources ↗