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.

#260: Remote

Marie, Klare, and Chris talk about the things CodePen has learned about working from home and offer some advice to those who are unexpectedly making the transition to working from home. Time Jumps 00:45:11 Topic introduction 07:57:15 Our advice at CodePen 10:07:16 Silence is stressful 14:32:02 Sponsor: WooCommerce 17:19:00 Talking in DM’s 23:03:19 Commuting Sponsor: […]

#259: Teaching with CodePen

Stephen and Chris talk about the various ways CodePen is used in education – both formal and “for fun”. Documentation, streaming, code camps, and more!

#258: Keyboard Commands

Show Description Stephen, Marie, and Chris talk about figuring out how to add new keyboard shortcuts to CodePen and the challenges it proposes trying to add features like that to a browser-based app like CodePen. Time Jumps 00:49:09 Shortcuts are hard 08:23:19 Moving between editors 14:30:14 Sponsor: Netlify 16:25:24 Other new commands Sponsor: Netlify Netlify […]

A Nicer “Following” Experience

Since CodePen is already such a lovely social place (thanks for being cool, gang!), we’ve long had our sights on improving the social features. We were hoping the Popout Preview made things a bit more social. We integrated Blocking to make sure we had appropriate safety features in place. Now we’re digging into deeper stuff, […]

New Editor Setting: Format on Save

I’d say in the last couple of years, configuring code editors to run a code formatter when you save the file has become a standard. Thanks in no small part to Prettier I’m sure. We use (and love) Prettier on our own codebase as well along with tools like Rubocop (which also can/does auto-formatting) to […]

Interviewing for a Webdev Job in 2020

That’s the name of a recent podcast on devMode.fm. Some of it is a little disheartening. Stuff you’d expect, like web devs being asked to solve ridiculous questions about algorithms and very specific JavaScript and zero questions at all about other core fundamental web technologies. I’m blogging it here because CodePen gets brought up a […]

#257: Challenges 2020

We’re two years into the #CodePenChallenge! Chris and Marie chat about why we do them, and the challenges of keeping a community challenge fresh and fun over time.

New Editor Focus Keyboard Commands

We’ve just released some key keyboard commands for the Pen Editor that have been highly requested for years: the ability to move from editor to editor. Command (Mac) / Control (PC) + Option (Alt) + 1: Move focus to the HTML Editor Command (Mac) / Control (PC) + Option (Alt) + 2: Move focus to […]

CodePen for Education Questions, Answered

I got a bunch of questions from a “Head of Customer Success” at a company that does developer education recently. They had some great questions about how CodePen could be used in their online courses1. The answers might benefit anyone in this situation, so here’s exactly what I was asked and what I answered. Which […]

#256: Browsing

Klare, Stephen, and Marie talk about recent changes to browsing CodePen and how it makes everything faster and less likely to start a fire on your laptop.

← Older posts