CodePen Radio
Detalls del Canal
CodePen Radio
The CodePen team talk about the ins and outs of running a web software business.
Episodis Recents
124 episodis
428: Billing
Rachel and Chris on the show this week to discuss a series of big changes over the last, say, six months or so with our billing system. We've essentia...
427: Next.js and The Journey of SSR
Having that first response from the server to users browsers be, ya know, full of good, useful, renderable HTML is certainly better than an empty
426: Browserslist in CodePen 2.0
Stephen and Chris chat about how the 2.0 editor (well, the compiler really) understands and supports Browserslist, a config format that lives in your...
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 cou...
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...
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 ow...
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 packa...
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 edit...
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 th...
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 be...
418: CodeMirror 6
Chris Coyier and Stephen Shaw discuss the transition from CodeMirror 5 to CodeMirror 6, highlighting the significant improvements in accessibility, pe...
417: Iframe Allow Attribute Saga
There was a day not long ago where a Google Chrome browser update left any page with a CodePen Embed on it throwing a whole big pile of red JavaScript...
416: Upgrading Next.js & React
Shaw and Chris are on the show to talk about the thinking and challenges behind upgrading these rather important bits of technology in our stack. We d...
415: Babel Choices
Robert and Chris hop on the show to talk about choices we've had to make around Babel.
Probably the best way to use Babel is to just use the @b...
414: Apollo (and the Almighty Cache)
Rachel and Chris jump on the show to talk about a bit of client-side technology we use: Apollo. We use it because we have a GraphQL API and Apollo hel...
413: Still indie after all these years
We're over 13 years old as a company now. We decide that we're not a startup anymore (we're a "small business" with big dreams) but we are still indie...
412: 2.0 Embedded Pens
Or just "Embeds" as we more frequently refer to them as. Stephen and Chris talk about the fairly meaty project which was re-writing our Embeds for a C...
411: The Power of Tree-Sitter
Alex and Chris hop on the show to talk about a bit of technology that Alex calls "The 2nd best technological choice he's ever made." That technology i...
410: Trying to help humans in an industry that is becoming increasingly non-human
Chris & Marie jump on the podcast to talk about just how drastically customer support has changed over the last few years. We still exclusively do cus...
409: Our Own Script Injection
Chris and Stephen talk about how we use a Cloudflare Worker & HTMLRewriter to inject a very special tag into the previews of the Pens you work on. Th...
408: Proxied Third-Party JavaScript
Chris and Stephen hop on the podcast to discuss the concept of a proxy. Possibly the most "gray hat" thing that CodePen does. We use a third-party ana...
407: Our Own CDN
Robert and Chris jump on to talk about our little CDN project. Maybe that's not the right term, but we struggled with naming it. Truth be told, it's t...
406: Hot Trends of 2025
Marie and Chris jump on to discuss some of the trends of what people are building on CodePen here, approximately halfway through 2025.
405: Elasticsearch → Postgres Search
Alex & Chris get into a fairly recent technological change at CodePen where we ditched our Elasticsearch implementation for just using our own Postgre...
404: Preventing Infinite Loops from Crashing the Browser
Stephen and Chris hop on to talk about how we're saving everyone from crashed browser tabs in CodePen's 2.0 editor. One simple:
Executing JavaSc...
403: Privacy & Permissions
Chris & Rachel hop on the show to talk about the expanded privacy (access) model in the 2.0 editor (in Private Beta as we speak). Private Pens have al...
402: Bookmarks
Pins are dead!
Long live bookmarks!
Pins was never a good name for the feature we have on CodePen where you can mark a Pen or Collection t...
401: Outgoing Email
Hi!
We're back!
Weird right? It's been over 2 years.
We took a break after episode 400, not because we ran out of things to talk ab...
400: Hiatus
Marie and I jump on the show to tell y'all we're taking a little break! It feels like years since we've been eluding to the fact that we're working on...
399: Data Munging
There was a small problem in our database. Some JSON data we kept in a column would sometimes have a string instead of an integer. Like {"tabSize": "5...
398: DevOops
Stephen and I hop on the podcast to chat about some of our recent tooling, local development, and DevOps work. A little while back, we cleaned up our...
397: User-Generated Content Saftey
I was asked about the paradoxical nature of CodePen itself recently. CodePen needs to be safe and secure, yet we accept and gleefully execute user-aut...
396: Open Source
Robert and I jump on the podcast to have a little chat about open source generally and what we do with open source at CodePen. CodePen itself is not o...
395: The Most Hearted of 2022
Marie and I hop on the show to discuss our recently released Most Hearted of 2022 Pens. We only did the calculations the day before, so this is more o...
394: Very Remote Work
Rach lives in Australia, so for our otherwise U.S.-based team, that's about as remote as it gets. We've always been remote at CodePen, so we have it b...
393: Challenges in 2022
Marie and Chris talk about the year in CodePen Challenges. If you participate, this might be an interesting look into how we think about them. If you...
392: Project Management Refresh
Dee and Chris chat about our latest take on Project Management (PM), a somewhat tricky topic for us with such a small team where literally everyone is...
391: Early TypeScript at CodePen
TypeScript ain't exactly new, but it's a bit new to us. Robert was the most knowledgeable about TypeScript on the team and felt like it could be valua...
390: The Social Media Zeitgiest
Marie and I talk about what's going on in the world of social media, and what that might mean for CodePen and front-end developers. Twitter doesn't fe...
389: Migrating a Ruby on Rails GraphQL API to a Go GraphQL API
One thing that's been keeping us very busy at CodePen is moving our main API. We decided on GraphQL long ago and it's served us pretty well. We origin...