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.

157: ETL

Jake is on to talk about the planning and design that went into our overhaul of our email system at CodePen.

How to Build a Serverless Blog on CodePen

Serverless. It’s kind of a phenomenon. All sorts of web developers can make use of it, including front-end developers! Here’s one way to think about it: they allow you to take your front-end skills and do things that typically only a back-end can do. Depending on what you all make use of, serverless is possibly […]

Sass Tinkering

We just finished a semi-major internal project of upgrading how we handle our preprocessing services for Pens. Part of that work, ideally the only thing you’ll notice or care about, was upgrading the versions of all the preprocessors we offer the latest versions. We do that fairly regularly, but once in a while, there is […]

The Most Hearted of 2017

It’s that wonderful time of year again when we get to published The Most Hearted lists! In case you didn’t know, there is a three-level hearting system on CodePen. These lists of Pens, Posts, and Collections simply total up the total number of hearts (factoring in double and triple hearts) and display them in order.

Adding type=”module” to Scripts in Pens

Native modules have arrived in JavaScript. You can write JavaScript that exports functions that can be imported and used in other scripts. MDN has a good overview of how it works and all the different syntax involved. Here’s a simple example. This is a handy-dandy little helper function: export function getNodes(str) { return new DOMParser().parseFromString(str, […]

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

← Older posts