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.

CodePen Radio #155: Podcasting

We’re joined by our podcast editor Chris Enns to talk about the benefits of publishing a podcast about your startup – even if it’s not a direct marketing channel.

A Little Revamp to External Resources

External Resources are links to.js scripts or .css stylesheets that you can put into the settings of a Pen to include in the rendering of the Pen. As you’re likely aware, there are thousands upon thousands of frameworks and libraries and such that you could use. Not to mention scripts and stylesheets of your own […]

Checking in on HTTPS

It’s been a while now (7 months) since we flipped the switch to make CodePen entirely HTTPS. I figured we’d check in with a progress report. These are things that are aside from the standard benefits of HTTPS. As Kayce Basques explained in Why HTTPS Matters: HTTPS protects the integrity of your website HTTPS protects […]

154: Internal Documentation

Show Description We’ve recently changed what we’re using for our internal documentation and notes, and in the process we had a chance to clean up and organize it in a way that makes way more sense. Show Links Notion Gitlab CodePen Support CodePen Pro CodePen Meetups CodePen on Twitter CodePen on Facebook CodePen on Flickr […]

Stupid iframes on stupid iOS

Sorry for the toddler-level blog post title there, but I’m about to document a super dumb “bug” that’s been an issue for us since the beginning of time. If you put an <iframe> on a website and look at it in a web browser on iOS, the height of that iframe will be the height […]

152: A Very Codevember Thanksgiving

Show Description Marie and Rachel are back to update us on Codevember – what’s inspiring them, how CodePen is picking the best of Codevember, how to keep up even if you can’t complete the whole challenge, and why community challenges are a great way to learn something new. Show Links Codevember Codevember on Twitter Codevember […]


For most of CodePen’s life, we intentionally avoided this attribute. It’s normally globally set on the document, like… <html lang=”en”> You can set that yourself in a Project, where you’re authoring the entire HTML document. But in Pens, we provide the HTML shell for you. We always thought we have no idea what language you’re […]

151: The Codevember Creators

We talk to the Codevember creators, Arthur and Valentin, about their backgrounds, where Codevember started from, what they’re using to manage Codevember, and what’s different about Codevember for 2017.

Check the Accessibility of Pens

Deque Systems makes an open source project called aXe: The Accessibility Engine for automated testing of HTML-based user interfaces. Drop the aXe on your accessibility defects! There are a variety of ways you can use it, like a browser extension for Chrome or Firefox. It’s also just a stand-alone library, which is a smart move […]

← Older posts