Besides meetings, how does your company communicate what everyone is working on each week? Meetings? Reports? Klare, Chris, and Marie talk about CodePen’s use of weekly team docs to keep our fully remote team up to date.

We’re celebrating 200 issues of our newsletter, The Spark! Chris and Marie are on to talk about how we put our email newsletter together each week, what kind of content goes in The Spark, and how the process of sending it has evolved over almost 4 years.

Yuan Chuan: It’s here on GitHub. You pass the CLI command an HTML file, separates out the HTML, CSS, and JavaScript, and prefills a Pen with what finds.

Marie and Chris talk about the recent changes to your homepage on CodePen – the one you see when you’re logged in and looking for inspiration. What’s new with the Trending, Following, and Your Work tabs?

We are very pleased to have rolled out a new homepage experience for our community last week. You may notice the visual differences straight away, but there has been a lot of work on our data management and infrastructure that made this redesign possible. This version of the homepage is just one part of our […]

Marie and Stephen talk about adding AVIF support to CodePen Asset hosting – most importantly, how do you pronounce AVIF? What is AVIF? How does AVIF compare with WebP? And how was AVIF support added to CodePen?

CodePen has a prefill API. You POST to it with code you want in the editors (and settings, like preprocessor choices), and we create a new (unsaved) Pen in the Pen Editor. It’s pretty raw though. You need to know how to do a POST request. That can be done right in HTML alone even, […]

Klare, Dee, and Marie chat about the process behind redesigning the settings pages inside CodePen – how decisions were made, adding helper text to various locations, and designing React components to reuse.

We’ve been on a bit of a redesign tear these last few months. I’m happy to unveil the latest one: a complete redesign of CodePen Settings! Settings is one of the last remnants of Old School CodePen™️. While I’ll miss the 2011 nostalgia, the new Settings page is a thing of beauty. Beyond the UI […]

Marie and Dee talk about changes to the settings panel in your account on CodePen – design changes, how changes you make to your settings get saved, making use of feature flags to test, making sure billing is done right, and Stephen’s beautiful tables.