21 Jun 2012

Only yesterday I mentioned Chris Coyier of CSS Tricks and his Kickstarter project where he will be 'Screencasting a Complete Redesign' when I discover another personal project of him that shows great potential.


Be inspired & learn new skills

The project I'm referring to is called CodePen which has been set up by Chris Coyier together with Tim Sabat & Alex Vazquez. It's geared towards front-end developers who want to get inspired and learn exciting new skills. Here's the description from the about page.

CodePen is all about front end code inspiration, education, and sharing. Enter HTML, CSS, and JavaScript and the combined result is displayed below. This is extremely useful for showing off demos, troubleshooting, demonstrating bugs, or anything else you can think of.

Like Dribbble but for coders

CodePen is a bit like Dribbble but for coders instead of designers. Each 'Pen' can be downloaded with all the necessary files. The CSS can be SCSS, LESS or SASS. This is not to say that this isn't something for designers. I think it is, you can go there to get inspired by the innovative creations that you can see with live previews. To me CodePen looks a bit more friendly than JSFiddle, plus it has sharing features. I didn't get a preview and couldn't type certain letters like 'o', 'p' & 'u' in Safari when editing the Super Discount Pen, so it is not 100% perfect yet hence the 'beta' label. If you have created something special that could benefit the community, this seems like the place to go to.

If you’re a front-end developer that has something to share or a designer like me that always wants to learn, you might want to check out CodePen.


  1. 1 Chris Coyier 21 Jun 2012

    Hey Veerle, thanks for the mighty kind writeup!

    Very sorry about the little bugs there. The keyboard one is already fixed (we were trying to do a fancy thing where we pass keyboard shortcuts from the preview iframe back up to the editor, #nerdalert).

    Now to scurry off and fix more bugs!

  2. 2 Mirco Moretti 28 Jun 2012

    Hello Veerle.

    I fully agree with your recommendation. Discovered this new project of Chris (congrats man!) just the other day and I found it GREAT.

    A new community where you can learn… “getting hands dirty” with code.