CodePen Blog

This is where we post announcements, tips and tricks, new and updated features, fun roundups, new podcast episodes, and more. There's an RSS feed.
📝 Blog Post

Drop to Netlify

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 […]

Read More of the article "Drop to Netlify"
Chris Coyier
Co-Founder
📝 Blog Post

New High Contrast Syntax Highlighting Themes

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 […]

Read More of the article "New High Contrast Syntax Highlighting Themes"
Chris Coyier
Co-Founder
📝 Blog Post

Now With Blocking

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 […]

Read More of the article "Now With Blocking"
Chris Coyier
Co-Founder
📝 Blog Post

Say you need every single asset from an Exported Pen locally…

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 […]

Read More of the article "Say you need every single asset from an Exported Pen locally…"
Chris Coyier
Co-Founder