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

Chris’ Corner: Portals, Pages, Potential Polyfills, and the Pretty Reasonable

Maggie Appleton calls “Programming Portals”: Small, scoped areas within a graphical interface that allow users to read and write simple programmes brb updating all the marketing copy around here. I like how casually Brad Frost describes essentially all of web design. It all boils down to stuff and layout: The bulk of a design system’s […]

Read More of the article "Chris’ Corner: Portals, Pages, Potential Polyfills, and the Pretty Reasonable"
Chris Coyier
Co-Founder
🎧 Podcast

400: Hiatus

Marie and I jump on the show to tell y’all we’re taking a little break! It feels like years since we’ve been eluding to the fact that we’re working on a new major upgrade to CodePen. Rather than keep dancing around it, we’re going to minimize or remove working on anything that isn’t working on […]

Read More of the article "400: Hiatus"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Chris’ Corner: Trends, Beziers, and the Free Betterment of Subgrid

Cubic-bezier easings are part of what set apart really nicely done animations. I usually leave off the easing, which defaults to ease. Then I feel weird about it and try out keywords like ease-in or ease-in-out and they generally look weird or worse and stick with the default. But any really classy animation always seems […]

Read More of the article "Chris’ Corner: Trends, Beziers, and the Free Betterment of Subgrid"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Blaze Slider

Gotta love a good slider component! There have been so many over the years. I made my own back in the day, using jQuery, called the AnythingSlider. I remember the Pei Wei website used it for a while and I knew I had made it haha. I think we see so many of these because […]

Read More of the article "Blaze Slider"
Chris Coyier
Co-Founder
🎧 Podcast

399: Data Munging

There was a small problem in our database. Some JSON data we kept in a column would sometimes have a string instead of an integer. Like {“tabSize”: “5”} instead of {“tabSize”: 5} of the like. Investigation on how that happened was just silly stuff like not calling parseInt on a value as it came off […]

Read More of the article "399: Data Munging"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Chris’ Corner: Overflow, Documents, and Visibility

Chen Hui Jing has a good point about testing small screens in the article The horizontal overflow problem, which is: did you actually test them? You might think you did because you squished your browser window all the way. But: The last I checked, Firefox stops at 435px, Chrome stops at 500px and Safari stops at 559px. That is, […]

Read More of the article "Chris’ Corner: Overflow, Documents, and Visibility"
Chris Coyier
Co-Founder
🎧 Podcast

398: DevOops

Stephen and I hop on the podcast to chat about some of our recent tooling, local development, and DevOps work. A little while back, we cleaned up our entire monorepo’s circular dependency problems using Madge and elbow grease. That kind of thing usually isn’t the biggest of deals and the kind of thing a super […]

Read More of the article "398: DevOops"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Rive

I’ve had the animation tool Rive on my list of bookmarks to check out for a while. I recently got around to making an account and giving it a shot. I was immediately interested in what the final output/export is. Because, of course, I want to know how I can use it… to connect it […]

Read More of the article "Rive"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Some Best-Ofs

Our Top Pens of 2022 has been out a few weeks now and it’s loads of fun. We tweeted and tooted the Top 10 to show them some extra love. I noticed Steve Gardner has put together a Hall of Fame Collection with some of the greatest Pens of All Time, and I gotta say […]

Read More of the article "Some Best-Ofs"
Chris Coyier
Co-Founder