CodePen Radio

0:00

443: Image Hosting is Quite Powerful on CodePen

CodePen Radio ·

2026/10/07

We've made several upgrades to uploading/hosting images on CodePen lately. One change, moving to the open-source file-uploading library Uppy, was driven by business concerns. But the benefits are good for everyone: uploads are faster, and the money we saved let us increase file size limits and total storage limits on the higher PRO plans. Plus, we added a cropping feature to images everywhere.Time Jumps Links

en-US

0:00

442: Pens are Actually Websites

CodePen Radio ·

2026/09/30

Stephen and Chris jump on the podcast to talk about our (ahem, super cool) deployment feature. Any Pen can be a website! Well, they kinda are already, but you know what I mean. If you're a PRO user all you do is click a button and the Pen is instantly deployed at a *.codepen.app website. From there, it's pretty trivial to update a domain you own's DNS records to point to it, if you want to. Subdomains are a good choice, partially because they are free. Why is CodePen a good place to

en-US

0:00

441: Challenges For We, Challenges For Thee

CodePen Radio ·

2026/09/22

Marie and Chris talk about CodePen Challenges. We've been at it for many years! We get into the technology behind it, how we build our own CMS for it that powers the website and the emails that get sent about it. We also cover why they can be so beneficial for everyone involved.Time Jumps

en-US

0:00

440: Hey! Hi! Right here! In-App Notifications That...

CodePen Radio ·

2026/09/15

Rach and Chris jump on the podcast to talk about the brand-new in-app notification system we built and shipped. We're actively trying to balance a system that isn't annoying, but allows us to show targetting information to targetted users when we think that's valuable for both you and us. It started with "We launched 2.0!" and is useful for stuff like short downtime notifications, reminders about PRO features, and all sorts of other things. The system is designed to be as flexible as it possibly

en-US

0:00

439: Dragging! Drag Everything!

CodePen Radio ·

2026/09/08

Stephen just implemented a great UI feature for the 2.0 editor where all the Panels that were previously stuck to the left side of the page can now be dragged away to become an "Editor Tab" just like a file (or Block!). Now you've got a lot more freedom for what you're looking at, and of course, the editor will remember your layout should you refresh or even come back in another browser.Time Jumps

en-US

0:00

438: Are Diffusion Models Better Than LLMs at Web...

CodePen Radio ·

2026/08/25

Chris has Jacob Miller on the show, who is building a tool called DiffUI. The big idea is that it uses a diffusion model to do prompt-to-website design rather than an LLM, because image-based models are more interesting and creative. So stay there for a while, producing really detailed visual mockups and plans, then head to the LLM.Time Jumps

en-US

0:00

437: The Cheese. It Has Been Moved.

CodePen Radio ·

2026/08/18

Stephen and Chris hop on to talk about the couple of weeks post 2.0 launch. Things are certainly different in 2.0! Literally the location of certain buttons is in a new place, and that requires folks to poke around a bit and figure it out. Some people just do that and it's a non-issue. Some write in for help and even find delight in the new features. Some lash out. The cheese metaphor is from an old book by Spencer Johnson about people experiencing change in the workplace and learning to deal

en-US

0:00

436: The Design & Message of Launch Emails (with MJML)

CodePen Radio ·

2026/07/28

Just one week off our big 2.0 launch, Shaw and Chris hop on to talk about how email is actually a big part of the launch. Social media ain't what it used to be, and not everybody is on your app every single day waiting for a notification. Sponsor: Notion With the recent launch of Custom Agents, Notion became the collaborative AI workspace where teams and agents work side by side. And now, their new Developer Platform is turning that workspace into infrastructure developers can build

en-US

0:00

435: The 2.0 Launch & Team CodePen’s Favorite Features

CodePen Radio ·

2026/07/23

The whole team is here! That's a first for us. Today we're launching 2.0, so we're having a little fun in this episode picking out our favorite features.Time Jumps Links Plus a bonus appearance here of Marie's victory graphic.

en-US

0:00

434: Still Proudly on WordPress for our Blog,...

CodePen Radio ·

2026/07/15

Marie and Chris hop on CodePen Radio for a little chat on how we're still happily using WordPress for a variety of things here on CodePen. We've got it hosted on a subdomain and on a different (WordPress-specific) hosting plan than our main monorepo, so it has its own deployment process and such. We use WordPress for our blog, where this very podcast is published, because WordPress handles RSS well, and a podcast is an RSS feed with an audio file. We also, quite importantly, use it for our docs. For

en-US

0:00

433: CodePen 2.0 is Backward Compatible with Any...

CodePen Radio ·

2026/07/07

When we set out to build the 2.0 editor, another editor in the CodePen cannon, the goal was actually to reduce the number of editors we have and support. Ideally, reduce it to one. The trick is that anything an existing Pen or Project can do, this new editor needs to be able to do as well. All while making sure it's forever future extensible. That was the wild engineering task in front of us, and we're happy to report it's done. To be clear, at the time of publishing: all Projects have been

en-US

0:00

432: Trends of 2026 (So Far)

CodePen Radio ·

2026/07/03

Marie has her eye on what seems to be super popular with CodePen users so far this year. Galleries (in different directions) https://codepen.io/thebabydino/pen/dPXVyqN https://codepen.io/luis-lessrain/pen/ZYpyoRV https://codepen.io/Nidal95/pen/qENQPBp https://codepen.io/ol-ivier/pen/emdjmBQ https://codepen.io/cbolson/pen/MYebgqj Custom Select https://codepen.io/editor/cbolson/pen/019cbfe5-85da-7d31-a7de-44b6b35e7c1c https://codepen.io/t_afif/pen/PwGPJOB shape(),

en-US

0:00

431: Versions are Deeply Integrated into CodePen

CodePen Radio ·

2026/06/30

Rachel and Chris on the podcast this week discussion the (ahem, rather large news) that every CodePen 2.0 Pen is versioned. That's right, you can jump back in time to previous versions at any time in case mistakes were made. You can take a look at the preview and code of past versions in case you just need to reference something. It all works extremely fast and efficiently. We get into the why and how it all works. Time Jumps

en-US

0:00

430: The Wild World of Keyboard Shortcuts in Web Apps

CodePen Radio ·

2026/06/24

Shaw and Chris talk about how the keyboard shortcut situation is challenging, but in the best shape it's ever been in for our 2.0 editor. Between the operating system, browser, CodeMirror, and Emmet, the space is fairly crowded, but we've got enough room to offer lots of useful stuff. The commands are more findable than ever with our new Command system and the Omnibar. Time Jumps

en-US

0:00

429: Why CodePen Rebuilt Its Realtime Service

CodePen Radio ·

2026/06/16

We've had realtime features on CodePen for ages. Back when it was pretty damn hard. Our Collab Mode is an obvious one, where users can code together. (This "just works" in the 2.0 editor, it's not called anything special.) That and Professor Mode used to have realtime chat (until we pulled it because very few people used it). We went through iterations of this including our own implementations and using services like PubNub. Code collaboration in realtime is particularly difficult. We used

en-US

0:00

428: Billing

CodePen Radio ·

2026/06/09

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 essentially re-written this thing several times, and obviously this is the best time. Having three plans, two payment providers, teams, and fifteen years of history is a lot to manage. An important aspect of the journey was getting the billing information into a single table in our database, and relying more on dynamic calls out to the payment providers

en-US

0:00

427: Next.js and The Journey of SSR

CodePen Radio ·

2026/06/02

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 <div id="app">. You can feel it and see it in the filmstrip view of the site loading. Not to mention you need it for at least things like <meta> tags if you want your URLs to "unfurl" properly on social sites. Stephen and Chris jump on the podcast to discuss this journey for us as it relates to Next.js. We got it "for free" for our Ruby on

en-US

0:00

426: Browserslist in CodePen 2.0

CodePen Radio ·

2026/05/27

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 package.json file that multiple blocks can understand and make browser support decisions against. Jump Links

en-US

0:00

425: Debug Logs

CodePen Radio ·

2026/05/12

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

en-US

0:00

424: File List Optimization

CodePen Radio ·

2026/04/29

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

en-US

All Episodes

Similar Podcasts

Lead With AI

Tamara Nall

Two Blokes Talking Tech

Trevor Long and Stephen Fenech

Pioneers of AI

WaitWhat

The Brave Technologist

Brave Software

The Good Tech Companies

HackerNoon