IcoMoon Previews

IcoMoon, the wonderful service for creating icon sets for production use, just released some upgrades to their SVG sprite output that does a great job. The new Quick Usage feature uploads the SVG sprite and required assets to some ready-to-use hosting and gives you copy and paste code to get started. Or, click the View […]

Getting Started With AngularJS

Michael Calkins has a whole free, public series called Getting Started with AngularJS on YouTube. It’s pretty neat for us to see, since the entire series uses CodePen to demonstrate the concepts. We of course support Angular. Here’s the overview video: Not only is CodePen a perfect place for screencasting because of the single-screen code-and-demo-together […]

Hide the Rerun Button on Embedded Pens

We had a user write in about this, so I thought I’d explain it in one three-step graphic: You have to a be a PRO member, because you’ll need to apply Custom CSS to a theme. As a PRO, you get unlimited embed themes as well and you’ll probably want to make this a special […]

HTML Preprocessor Output

Just a quick note about this! HTML minification is weird. If you strip out all whitespace from an HTML document, it can (and probably will) render differently. Inline (and inline-block, inline-table, etc.) elements render a space if there is any whitespace between them in the HTML, but no space if there isn’t, which can lead […]

Debug View No Longer Requires Authentication for PRO

While you are logged in, you personally can access the Debug View of any Pen. It allows you to see the authored code without an iframe or any other CodePen influence. That makes it nice for testing things exactly as they would be out in the wild, wild internet. The URL format for Pens in […]


We’ve recently started using PubNub to power some of the realtime connection stuff we do here at CodePen. For instance, with our Professor Mode feature, you use our editor to teach a group of students who are watching on their own computers in their own browsers. That requires a robust realtime connection to do that. […]

Custom Profiles

If you’re a PRO member, one of the little neat benefits is that you can add custom CSS to your own profile. In your Settings, there is an input to put the URL of a Pen where that CSS is (so you can use CodePen to customize CodePen). Here’s some excellent examples of what different […]

Try PRO Free for Fourteen Days

Now you can try out CodePen PRO completely free for 14 days. All you need is a free CodePen account, and you just click a button to start your trial. You only get to join the promotion once, so perhaps you could even time it as to take advantage of something coming up in your […]

2,000,000 Pens

It took the CodePen community 18 months (June 2012 – January 2014) to make 1,000,000 Pens. Now just 8 months to make 1,000,000 more! That’s pretty cool. Good work team. All the more great stuff to search for.

← Older posts