Show Description This is the story of how CodePen aquired CodePen.com, after many years of not owning it. In the beginning, I think we just didn’t care. This was a bit of a hobby project. We bought the domain at a time when we still mostly were thinking of this as a self-install project, and […]

Say I have a Pen: See the Pen Idea for Simple Wufoo Ad by Chris Coyier (@chriscoyier) on CodePen. And I want to make a variation: drag to resize See the Pen GobXzL by Chris Coyier (@chriscoyier) on CodePen. 1) Make a brand new Pen Could be a fork of the original. Doesn’t have to […]

That’s a total of 10 now (we don’t go too crazy with them around here, we want them to be nice). Five dark themes and five light themes. All the light themes go full on light UI as well. We split them up into two columns, available in your Editor Settings: Another cool random CodePen […]

Back in November I got to go to SNDMakes Austin and it was quite a cool experience. It’s a “prototyping” event in that you are assigned to a team and you build something over a weekend. But there is no competition or pressure and the people are always wildly interesting and intentionally from outside your […]

OK everybody, it’s Friday, and we’re going back to the 90s. First things first, set your away message. See the Pen CSS AIM Away Message by isha (@ikasliwal) on CodePen. Now, pick something to listen to. You have three choices. Cassette It and Forget It, so you can relive the joy of rewinding a tape: […]

Hoefler & Co. released a new typeface called Operator. Operator itself is inspired by typewriter faces, but one look at it and you can see it’s much more than that. It has a bit of a quirky look, a wide range of weights, and the italics are downright weird (in a good way). It’s also […]

In the Editor View of your Pen, you can now edit the title by clicking the pencil icon at the right of the title (or the Pen’s slug, if you haven’t given it a title yet). It used to be that you could only edit the title from the Pen Settings. You can still do […]

Show Description CodePen is a 100% remote team. No two people work in the same city. Good or bad? Good, we say. In almost all ways, including the biggest one of all: we couldn’t have assembled this team otherwise. It’s not without it’s challenges though. Show Sponsor CodePen Job Board – the place for front […]

Here comes Valentine’s Day! Pop open CodePen TV on one of these collections for an endless stream of hearts and love! Hearted so hard, a collection from Sarah Drasner Hearts and Love, a collection from our very own Tim Holman Mai El-Awini’s beautiful collection of heart-themed Pens (she did one for every day of CodeVember! […]

CodePen has supported JSX syntax for a while now, through using Babel as the JavaScript preprocessor. Butttt, the syntax highlighting was a little janky. An opening HTML tag would be a totally different color than a closing tag, for example. Because the normal JavaScript syntax highlighting didn’t really know what to do with that. Thankfully, […]