skip to content

SVG

Scalable Vector Graphics (SVG) are a great way to improve image quality, boost performance, and add animations to your web projects. Learn how to work with SVGs from expert teachers in these episodes.

Nat Alison

Nat Alison

Thursday, February 23 2023 @ 9:30 AM PST

Code Your Own Generative Art

Writing code to expand your creative capabilities is a fun way to stretch your knowledge of what code can do. One of the best creative technologists in the game, Nat Alison, will teach us how it’s done.

Cassie Evans

Cassie Evans

Thursday, March 10 2022 @ 9:30 AM PST

Create Playful, Interactive Animations

Can we make our animations react to user input? We can! Cassie Evans will teach us how to use Greensock to create fun, interactive animations!

Jason Lengstorf

Jason Lengstorf

Tuesday, June 15 2021 @ 10:30 AM PDT

Animating a Smashburger SVG Using GSAP

In this solo stream, Jason tries to remember how GSAP works to animate a smashburger SVG.

Jhey Tompkins

Jhey Tompkins

Thursday, December 17 2020 @ 9:30 AM PST

Whimsical SVG Animations Using GSAP

One of the best ways to learn is to build things that make you smile. In this episode, Jhey Tompkins will teach us to build a playful SVG animation using Greensock.

Cassie Evans

Cassie Evans

Tuesday, November 17 2020 @ 10:30 AM PST

Interactive SVG Animations Using Greensock

Animated SVGs add a touch of interactive whimsy and polish to our websites. In this episode, Cassie Evans will teach us how to use Greensock to create fun, engaging experiences!

Sarah Drasner

Sarah Drasner

Tuesday, July 14 2020 @ 9:30 AM PDT

Make Animations Feel Pro

When it comes to animation, there are a few tips & tricks that take them from “neat” to “HOLY WOW” animation master Sarah Drasner teaches us how to take our animations to the next level!

Shirley Wu

Shirley Wu

Tuesday, April 14 2020 @ 10:30 AM PDT

Generative Data Visualization, part 3

The holy bucket lives! In this episode, Shirley Wu returns to the show to continue teaching us how to create custom data visualizations using SVG, Vue, and D3.js.

Closed captioning and more are made possible by our sponsors:

../../components/episode-preview.solid