Free Daily Podcast Summary
CodePen Radio: Daily Summaries Delivered
by CodePen Blog
Get key takeaways, quotes, and insights from CodePen Radio in a 5-minute read. Delivered straight to your inbox.
Latest Episodes
The most recent episodes — sign up to get AI-powered summaries of each one.
- 6 days ago0
425: Debug Logs
As we're getting close to rounding out the Beta period of the 2.0 editor, we're trying to close out any bugs we find or users report quickly. They could be browser-support related, network conditions related, account capability related, or just bugs in how the 2.0 editor and technology behind it works. It's complicated enough that the best way to debug things is to see exactly what the user sees when they have trouble. A very cool side effect to having built the 2.0 editor with Apollo is that we have a nearly complete look at what is happening in the editor by virtue of the Apollo Cache (we talked about what that is here). We built a tool that can export that as JSON data, and we can load it locally to see exactly what the user sees. It's a bit fancier than that, doing things like saving browser console error logs and stuff, but that's the gist of it. Time Jumps
- 2 weeks ago0
424: File List Optimization
The 2.0 Editor can support hundreds of files per Pen, not to mention folders mixed in which don't count toward that total. This can be pretty weighty on the DOM and thus adversely affect performance. Especially as each file/folder has children, a variety of event listeners, are drag and drop enabled, etc. "Virtualizing" data like this is a common approach, but we've found if we just use IntersectionObserver to see if they are visible or not, "freeze" them if they aren't, and fade them in and out of life, it's a great solution. Time Jumps
- 3 weeks ago0
423: 2.0 Templates
Stephen and Chris hop on the ol' podcast to talk about all the ways that Templates are way better in 2.0 land. You've always been able to make your own templates, but now you can select one even after you've arrived in the editor. There is a new place (the create page) which features bookmarked and official templates (as well as your own). Most importantly, there is a way to set a "default template" now, meaning all new Pens will start with the same setup as the Pen you pick as that. Time Jumps
- Apr 14, 20260
422: Supporting Packages
Alex and Chris talk about how the 2.0 Editor supports packages from npm. The trick is both simple and complex. The idea is simple. We detect the packages you want to use, list them in an (editable) package.json file, then turn that into a <script type="importmap"> in your HTML files that import those packages from esm.sh. Complex in that, well, all those steps are fairly difficult to get right, handle all edge cases, and do extremely quickly. All of which the CodePen Compiler does. Time Jumps
- Apr 8, 20260
421: View Control of the 2.0 Editor
Stephen & Chris look at the UI of the 2.0 Editor and show all the control you have over what you're looking at. Way more control than the Classic editor! We share some of the thinking behind it. Don't miss the Omnibar! Time Jumps Links Circle Round Story Pirates Podcast Who Moved My Cheese? The freeCodeCamp Podcast
- Mar 11, 20260
420: What are Blocks?
With CodePen 2.0, we've got a new word we're using: Blocks. A way to think about Blocks is anything that processes code. They are added as steps to the CodePen Compiler as needed. For example, TypeScript is a block, because it processes files in the TypeScript syntax into JavaScript files. But something like Lodash is not a block. Lodash is a package from npm (which we also handle, but that's a topic for another podcast). Lodash doesn't process code, it's just a library that is linked up or bundled. Time Jumps
- Mar 5, 20260
419: Why 2.0?
CodePen 2.0 was the most ambitious project that we've ever taken on in our lives. Why would we do such a thing? Chris and Alex explain the thinking behind it. We've been around a long time, know what our customers want, and are developers ourselves, so we know how this industry moves. We thought we could serve both in a powerful and flexible way, taking us into the future. Time Jumps
- Feb 21, 20260
418: CodeMirror 6
Chris Coyier and Stephen Shaw discuss the transition from CodeMirror 5 to CodeMirror 6, highlighting the significant improvements in accessibility, performance, and user experience. They delve into architectural changes, integration with modern JavaScript frameworks such as Next.js, and the new theming options available in the editor. Time Jumps
Get CodePen Radio summaries in your inbox
Free AI-powered daily recaps. Key takeaways, quotes, and mentions — in a 5-minute read.
Get Free Summaries →Free forever for up to 3 podcasts. No credit card required.
You Might Also Like
Listeners also like.
ShopTalk
Chris Coyier & Dave Rupert
PodRocket
LogRocket
COMPRESSEDfm
Amy Dutton, Brad Garropy
JS Party: JavaScript, CSS, Web Development
Changelog Media
Full Stack Radio
Adam Wathan
JavaScript Archives - Software Engineering Daily
JavaScript Archives - Software Engineering Daily
Coder Radio
The Mad Botter
Code & Pixels
Adekunle Oduye & Kelly Harrop
Clean Coder
Clean Coder
egghead.io developer chats
Joel Hooks and John Lindquist
Minified: Web Dev News
Richard Rosko
devtools.fm: Developer Tools, Open Source, Software Development
Andrew Lisowski, Justin Bennett
About CodePen Radio
The CodePen team talk about the ins and outs of running a web software business.
Customized Recaps
AI-powered recaps with compact key takeaways, quotes, and insights.
Straight to Your Inbox
Get key takeaways from CodePen Radio in a 5-minute read.
Save Hours Every Week
Stay current on your favorite podcasts without falling behind.
Frequently Asked Questions
What is Podzilla's CodePen Radio daily summary?
It's a free AI-powered email that summarizes new episodes of CodePen Radio as soon as they're published. You get the key takeaways, notable quotes, and links & mentions — all in a quick read.
How does the CodePen Radio podcast summary work?
When a new episode drops, our AI transcribes and analyzes it, then generates a personalized summary tailored to your interests and profession. It's delivered to your inbox every morning.
Is this an official CodePen Radio product?
No. Podzilla is an independent service that summarizes publicly available podcast content. We're not affiliated with or endorsed by CodePen Blog.
Can I get summaries of other podcasts too?
Absolutely! The free plan covers up to 3 podcasts. Upgrade to Pro for 15, or Premium for 50. Browse our full catalog at /podcasts.
How often does CodePen Radio release new episodes?
CodePen Radio publishes weekly. Our AI generates a summary within hours of each new episode.
What topics does CodePen Radio cover?
CodePen Radio covers topics including Technology. Our AI identifies the specific themes in each episode and highlights what matters most to you.
Start getting CodePen Radio summaries tomorrow morning.
Free forever for up to 3 podcasts. No credit card required.
Free forever for up to 3 podcasts. No credit card required.