There are so many delightful visual demos on CodePen. Every now and then, some do something a little extra! dat.GUI is a small, unobtrusive user interface that squeezes up in the corner of your site or demo to give the viewers the ability to easily tweak and tune your variables in real time! You can […]

Hey did you see this? 😠Frustrated always switching console frames when using @CodePen or @jsfiddle? Canary now automatically switches to match inspected element. — Chrome DevTools (@ChromeDevTools) March 2, 2016 Pretty useful for those of you who use Chrome. Which is 75% of you, according to our analytics! This is what that means: What would […]

The Instagram logo was updated earlier this week — perhaps you heard some opinions on it? The CodePen community responded with some great CSS interpretations. “Instagram” by Katy DeCorah See the Pen Instagram by Katy DeCorah (@katydecorah) on CodePen. “new instagram logo (pure CSS, 1 element)” by Ana Tudor See the Pen new instagram logo […]

Yesterday, I had the privilege of sitting in on CodePen all-star Gregor Adams’ workshop on illusions and animated art at CSSConf Budapest. Using CodePen’s Professor Mode (and a trusty whiteboard from time to time) Gregor walked the class through creating a great group of different experiments, all the while encouraging creativity and exploration in code. […]

Show Description We start with this admission, to which everyone agrees: None of us have a complete understanding of how CodePen works. At this stage, some of us think that while this is true, we could figure out the parts that we don’t currently know. Hopefully that stays true for a long time, but there […]

I noticed a theme in some of the Pens that caught my eye recently — time. It all started when I saw Vicio Bonura’s jaw-dropping “Rotating Clock”. See the Pen Rotating Clock by Vicio Bonura (@V17h3m) on CodePen. Then, I got goosebumps from Goran Rakic’s stunning Prince tribute, a recreation of Sign O’ The Times […]

Feel like learning something new? Check out one of these web dev tutorial videos, all taught with CodePen! Dev Coffee has a a React tutorial for beginners. It’s the first in what will be a 3-part series. This video is especially helpful if you’re new to using React on CodePen because it takes you step-by-step […]

Show Description We often get asked what it’s like to work at a startup. So in this episode we thought we’d discuss what a startup means to each of us and what it’s like working at CodePen at this stage (definitely “early”). We also run through some FAQ’s about working at CodePen. Show Sponsor CodePen […]

I keep forgetting to mention this. No more! We have ladies’ t-shirts now in stock. Note that the picture you see when you go to that page is the unisex t-shirt, not the ladies. Here’s a sizing chart, though. We don’t have a picture of the ladies t-shirt yet, and that’s sad. So I figured […]

Members of Team CodePen will be speaking at front end development events in the US and Europe in the coming months! Tim Holman will be at CSSConf in Budapest, Hungary. The event starts on May 11th. (We’ve heard that CodePen community superstar Gregor Adams will be there, too ;) ) Next, Tim will be at […]