Current URL
https://gabrieldrozdov.github.io/wpw24-tutorials/ ↗
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

Small Sites; Big Stories

Tutorials

GitHub Tutorial

HTML and CSS Basics Cheatsheet

Things You Should Know

Web Design Tutorials

Projects

Project 1: Interface Report

Worksheet A: HTML, CSS, and GitHub

Project 2: Small Sites; Big Stories

Project 3: Small Sites; Big Stories [2]

Lectures

Class 1: Lecture

Class 1: Slide Deck

Class 2: Lecture

Class 2: Slide Deck

Class 3: Lecture

Class 3: Slide Deck

Class 8: Lecture

Class 8: Slide Deck

Class 11: Slide Deck
🌐  View all resources ↗