To view this resource, you’ll need to open it in a new tab.
Open in new tab ↗To view this resource, you’ll need to open it in a new tab.
Open in new tab ↗Everything you need to know for when you start coding!
An explanation of how folder structure works on websites!
Quick-reference guide for HTML, CSS, and JavaScript!
Are you scared of code but want to create websites? Then this is the guide for you!
Web-based student projects from GD with GD courses!
Toys for playing with an testing variable fonts, as well as a showcase of student fonts!
Interactive narratives collected in a catalog of microsites written using as little code as possible!
Creative coding projects for any skill level!
Design experimental fonts, and then launch a type foundry to showcase your work!
A tour through the world of motion design, with an emphasis on musicality and performance!
A primer on UI/UX from the perspectives of performance and playfulness.
Computer science for designers and artists.
Creative coding elective focusing on type design, digital fonts, and unique reading experiences.
Motion design elective exploring a wide range of skills and use cases for animation.
Type design through the lens of experimental variable fonts.
Web design and development as a medium for storytelling.
The basics of HTML, CSS, and a tiny bit of JavaScript.
Type design through the lens of experimental variable fonts.
Introduction to graphic, motion, and web design from a digital-first perspective.
An overview of the full course.
Agenda and homework for each week.
Learn how to type design in Glyphs and code websites using HTML, CSS, and JavaScript.
Links to fun fonts and websites!
Quick, fun assignments that we’ll complete during class.
Test your fonts on the web!
Upload your finished projects here!
Design a pixel font!
Remix an open-source font by turning it into a variable font!
Design an original variable font!
Launch a type foundry with all of the fonts you created this semester!
Create a web-based type specimen for one of your original variable fonts!
Create a presentation compiling examples of innovative uses of typography on websites!