Perhaps someday we’ll have an even more direct Netlify integration, but I wanted to highlight just how easy it is to move a Pen over to Netlify. Here’s a 22-second video, and I wasn’t even moving particularly fast: Export Zip Upload dist folder to Netlify Drop Why? A hosted site on Netlify like that is […]

If you’re already PRO, you’ve probably already seen this! That’s because we announced the feature via a modal on the homepage when you are logged in as a PRO user: Hopefully the name “Private by Default” explains what it needs to: if you toggle this setting on, when you save any Pen, Project, Collection, or […]

Since the beginning on CodePen, our default syntax highlighting theme on CodePen has been our take on “Twilight”. I’m not even sure what the original canonical source of Twilight is, but just about everywhere that offers syntax highlighting themes has some version of it. In addition to the default Twilight, we have a total of […]

We can count the number of user to user problems social problems in all our years of existence, that we know about, on one hand. But that doesn’t absolve us of building community safety tools, especially as we plan on doing more with the social features of CodePen. The basics of blocking: When you block […]

When you export a Pen on CodePen, we give you all the code you’ve written, both processed and unprocessed. Generally, that’s what you need, and will work locally just fine. But one thing we don’t do is go fetch copies of every external resource you link up, like CSS files, JavaScript files, or images in […]

Chris and Klare talk about the planning and process of building a blocking feature for CodePen.

We used to have a project planning document literally called “The Ongoing Reactification of CodePen” in our company Notion. It’s called “CodePen on the New Stack” now, as of course, React is just one of the tools in our new preferred stack that we build new UI with and replace other areas of the site […]

Prefill embeds is a pretty cool feature of CodePen. They allow you to use CodePen Embeds, but instead of needing to maintain that code on CodePen itself, it reads the code right from your own documentation, blog, markdown, whatever. That means: The code executes The user can see and interact with the output The code […]

Cassidy is on to talk about powering the grids on CodePen with React to make them faster and future feature friendly!

Exporting Pens is a great way to make an offline backup or to port your code to another project, but what if you wanted to keep working on that preprocessor code locally? Now you can, with the latest PRO feature: Export with Build Process! Open any Pen and click Export in the footer to try […]