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

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

There are lots of CodePen people who have done wonderful work on CodePen on the ballot of the Net Awards this year. I’ll link up their profiles and the categories they are nominated for: Tiffany Rayside is up for Emerging Talent of the Year Lucas Bebber is up for Young Developer of the Year Una […]

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

Here’s something new you can do in CodePen’s mobile editor: Copy and paste! Seems pretty obvious, but this wasn’t possible before and is a huge upgrade. tested on iOS, Android Chrome, stock Android browser CodeMirror 5.0 introduced this, so high five to Marijn Haverbeke and anyone else who contributed to that.

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

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

This week Ana Tudor will be your guest picker! Perhaps you know Ana from here mathematical artistic explorations like three-dimensional CSS polyhedra or her deep dive into the UI styling of range input sliders. Ana is one of our earliest users. She’s been constantly building incredible demos for years. She used every nook and cranny […]

UI Thumb Generator is a pretty fun little tool by Ignácio R. Correia that exports to CodePen.

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