Congrats to #JoãoVictor-JV and Katy DeCorah for taking Week One! Week Two begins now! The challenge? Create something beautiful on <canvas> with just the color pink.

Accidentally create an Pen that hangs? (e.g. a JS infinite loop). That can be a pretty frustrating experience because you can’t even fix the problem before the browser hangs or crashes. We have a solution for that now. Add ?turn_off_js=true to the URL and the JavaScript for that Pen won’t run. This means you can [...]

To help people understand CodePen who have never seen anything like it before, we made a one minute cartoon video to drive home the main points. It’s not targeted at folks with zero knowledge about working on the web, it’s targeted at our typical audience of web folks who land on CodePen who just aren’t [...]

It’s back! Go check out the details. The first week’s challenge is to typeset a children’s poem. Have fun building!

Rather big news for the CodePen team: we’re now full time! As you may know, the three of us have been working together for quite a while now. We were the first three dev hires at Wufoo once upon a time. Then we all moved together out to California to work for SurveyMonkey when Wufoo [...]

As of this writing, Google Chrome is version 26. The “stable” widely released version, that is. The beta version is version 27, released on April 4, 2013. Chrome 27 will no longer run JavaScript files that have the wrong MIME type. As in, they need to be served as text/javascript. GitHub serves files as text/plain [...]

We’ve always had Zen Coding on CodePen, which allows for some HTML authoring convenience. Like type div[TAB] and get <div></div> with the cursor right inside. Or type ul>li*5[TAB] and that will expand into an ordered list with five list items inside. Zen Coding is an old project though and has since evolved into Emmet, which [...]

jQuery 2.0 is out! The exclamation point was in order because it’s a great release. It draws a line in the sand about browser support, no longer offering support for IE 8 and down. The library lost a little bit of weight doing that and likely makes it a bit more fun to work on [...]

The most common complaint we get about CodePen is how we override the keyboard commands for some functions. Most notably, ⌘-1, ⌘-2, and ⌘-3. If you have the CodePen editor open and that tab active, those keyboard commands will expand the HTML, CSS, or JS editor respectively rather than change active tabs, as many browsers [...]

New thing! The more Pens you build on CodePen, the harder it can be to go back a specific Pen you are looking for. The normal “Pen Grid” view is helpful in that it shows you what the Pen looks like, but in that view, you can only see a handful of Pens and it [...]