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

Power Surge

Pretty cool to see a screenshot of CodePen on The Mozilla Blog. It comes from them showing off the new performance tools in Firefox Developer Edition. Part of that was a game they created called Power Surge. It’s here on CodePen! See the Pen Power Surge by Mozilla Hacks (@mozhacks) on CodePen. It’s a pretty […]

Read More of the article "Power Surge"
Chris Coyier
Co-Founder
🎧 Podcast

042: Settings 2

Back in episode 36, we talked about some changes we made to how we do settings in individual Pens. We just rolled out a big update to settings in CodePen; so this episode is going to be about that process and the challenges we ran into while making those changes to our codebase. It ended […]

Read More of the article "042: Settings 2"
Chris Coyier
Co-Founder
🎧 Podcast

041: Open Source

Our topic this week is Open Source. 1:46 There are a few other code processing apps that are open source; JS Bin and Dabblet, for example. So why isn’t CodePen open source? That’s the question we’re answering on today’s episode. Would a GitHub issue thread be a good place for customer support? 3:39 It is […]

Read More of the article "041: Open Source"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Now Supporting TypeScript

We’re now offering TypeScript as a JavaScript preprocessor on CodePen! TypeScript is a superset of JavaScript, meaning it’s the same syntax as JavaScript and supports everything JavaScript does, but also does more. It’s developed by Microsoft, who adds: TypeScript offers classes, modules, and interfaces to help you build robust components. These features are available at […]

Read More of the article "Now Supporting TypeScript"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Babel Now on CodePen! Write ES6+ JavaScript (and React JSX)

Babel is essentially a preprocessor for JavaScript. You write JavaScript with all the fancy ES6 (and beyond) features you want, and the code is compiled down to ES5 so it can run in pretty much whatever browser. We used to use Traceur for this. Turns out Babel can do everything Traceur can does and more, […]

Read More of the article "Babel Now on CodePen! Write ES6+ JavaScript (and React JSX)"
Chris Coyier
Co-Founder
🎧 Podcast

040: Newsletters

Our topic this week is Email Newsletters. CodePen has an email newsletter, and so we’re dedicating this whole show to talking about how we create it, and the tools we use for managing those emails. Why Email? 1:38 Email is a great way to communicate with your users directly. If you have a web application […]

Read More of the article "040: Newsletters"
Chris Coyier
Co-Founder