CodePen Blog

This is where we post announcements, tips and tricks, new and updated features, fun roundups, new podcast episodes, and more. There's an RSS feed.
📝 Blog Post

Its dat.GUI!

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

Read More of the article "Its dat.GUI!"
Chris Coyier
Co-Founder
📝 Blog Post

Chrome DevTools Switches Context When You Inspect Element

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

Read More of the article "Chrome DevTools Switches Context When You Inspect Element"
Chris Coyier
Co-Founder
📝 Blog Post

The New Instagram Logo in CSS, Four Ways

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

Read More of the article "The New Instagram Logo in CSS, Four Ways"
📝 Blog Post

Illusions and Animated Art – Workshop

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

Read More of the article "Illusions and Animated Art – Workshop"
Chris Coyier
Co-Founder
📝 Blog Post

A Matter of Time

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

Read More of the article "A Matter of Time"
🎧 Podcast

088: Early Stage

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

Read More of the article "088: Early Stage"
Chris Coyier
Co-Founder
📝 Blog Post

Ladies T-Shirt

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

Read More of the article "Ladies T-Shirt"
Chris Coyier
Co-Founder