Go offline with the Player FM app!
#316: Chattin’ Pens with Adam Kuhn
Fetch error
Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on August 12, 2024 13:54 ()
What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.
Manage episode 292888673 series 117927
Adam Created this brand new intro video animation for CodePen Radio (on TV). Like when we do a video instead of audio for the podcast. We got to get into his creative process a little bit. While the output of this was a video, Adam used web technology to produce it, using animation libraries like David Desandro's Zdog (David also worked on the CodePen logo) and Greensock. But you won't find those libraries on the final Pen, because to preserve animation performance, those were used only to produce a GIF used as a mask over the TV and static. Sometimes you need to get tricky to produce the final product!
Sponsor: Jetpack Boost
Jetpack Boost is a plugin (separate from the core Jetpack plugin) that does three (for now) huge performance things for your site. 1) Lazy load images 2) Defer JavaScript 3) Critical CSS. All of those are really great things for web performance, and you essentially just flip them on with a switch. Critical CSS in particular is a rather difficult thing to implement by hand.
423 episodes
Fetch error
Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on August 12, 2024 13:54 ()
What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.
Manage episode 292888673 series 117927
Adam Created this brand new intro video animation for CodePen Radio (on TV). Like when we do a video instead of audio for the podcast. We got to get into his creative process a little bit. While the output of this was a video, Adam used web technology to produce it, using animation libraries like David Desandro's Zdog (David also worked on the CodePen logo) and Greensock. But you won't find those libraries on the final Pen, because to preserve animation performance, those were used only to produce a GIF used as a mask over the TV and static. Sometimes you need to get tricky to produce the final product!
Sponsor: Jetpack Boost
Jetpack Boost is a plugin (separate from the core Jetpack plugin) that does three (for now) huge performance things for your site. 1) Lazy load images 2) Defer JavaScript 3) Critical CSS. All of those are really great things for web performance, and you essentially just flip them on with a switch. Critical CSS in particular is a rather difficult thing to implement by hand.
423 episodes
All episodes
×Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.