Let's look behind the scenes of the new Elegant Seagulls website. Ryan, one of the developers, will walk us through the awesome animations, and show us how to recreate some of the components!
Live Coding Shows
Sam, Justin, and Ryan from Netlify will answer our questions about how they created the new Netlify homepage! The beautiful design and wonderful animations were crafted in part by these three, so let's talk shop!
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.
Cassie Evans joins us to show us how to add smooth scrolling to a site in 2022, along with a fun reveal!
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!
In this episode we'll dig into media queries like reduced-motion, forced-colors, reduced-data, and dark-mode!
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.
Fill your mailbox with frontend fun
A weekly newsletter that demystifies the best CodePens, tutorials, and resources. It's always fun, free, and you can hang up your spurs any time.