Tom will show us how to create an awesome scrolling gallery effect with GreenSock! Our gallery will have 3D and parallax effects, respond to mouse movements, and support any number of images. We'll even use the DrawSVG plugin for an added detail.
Ben Holmes of the Astro team is with us to walk us through creating the new Frontend Horse site in Astro 1.0! We'll learn what's new in Astro, where it's headed, and how to build with it.
We're going to learn how to create with consistent, fluidly scaling typography and spacing, all using CSS. Andy will show us some great techniques so that our website is consistent and looks great at every screen size.
Ever find yourself lost in a confusing amount of media queries, struggling to make your website responsive? Kevin Powell is here to teach us the easy way to create responsive CSS.
Nate will introduce and demo a brand new tool for building design systems, Token CSS. We'll also chat about design token methodology, recent progress on the Design Tokens community group specification, and what the future plans for Token CSS are!
Self-avoiding random walkers are a fun creative coding technique that can produce some beautiful results. Varun will show us how to use them to create beautiful art pieces.
Hand-crafting images for sharing to social media is a thing of the past thanks to wonderful image APIs like Cloudinary! Colby Fayock is going to show us how to generate and style trading card images all through URL parameters!
CSS wizard Amit is back to show us how he's creating and animating stick figures with just CSS! We'll create a horse together, learning some of his advanced techniques.
Once you get 3D models imported to your scene, realistic animations can be tough to achieve. In this episode, we'll learn how to animate objects along a path, by bringing a swimming fish to life!
Louis Hoebregts (Mamboleoo) is back to teach us how to simulate and animate fur on a 3d model! We'll learn how he used simplex noise to make a beautiful neon fox piece with fur that blows in the wind.
Dan Spratling will show us how he uses Prismic Slice Machine with Next.js to quickly build high-quality sites at his agency. We'll look through what he uses for his starter, and maybe make some improvements!