CodePen

Chris’ Corner: Design Do’s and Don’ts

Chris Coyier |
I admit I’m a sucker for “do this; don’t do that” (can’t you read the sign) blog posts when it comes to design. Screw nuance, gimme answers. Anthony Hobday has a pretty good one in Visual design rules you can safely follow every time. Erik Kennedy does a pretty good job with posts in this […]... read more

Chris’ Corner: CSS Deep Cuts

Chris Coyier |
Sometimes we gotta get into the unglamorous parts of CSS. I mean *I* think they are pretty glamorous: new syntax, new ideas, new code doing foundational and important things. I just mean things that don’t demo terribly well. Nothing is flying across the screen, anyway.... read more

Chris’ Corner: GSAP, more like FREESap

Chris Coyier |
The news is that GSAP, a hugely popular animation library on CodePen and the web writ large, is now entirely free to use thanks to their being acquired by Webflow. Thanks to Webflow GSAP is now 100% FREE including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclus... read more

Chris’ Corner: Reacting

Chris Coyier |
I was listening to Wes and Scott on a recent episode of Syntax talking about RSCs (React Server Components). I wouldn’t say it was particularly glowing. We use them here at CodePen, and will likely be more and more as we ship more with Next.js, which is part of our most modern stack that we […]... read more

Chris’ Corner: Rounded Triangle Boxes and Our Shapely Future

Chris Coyier |
I enjoyed Trys Mudford’s explanation of making rounded triangular boxes. It was a very real-world client need, and I do tend to prefer reading about technical solutions to real problems over theoretical ones. This one was tricky because this particular shape doesn’t have a terribly obvious way to dr... read more

Chris’ Corner: Fairly Fresh CSS

Chris Coyier |
I joked while talking with Adam Argyle on ShopTalk the other day that there is more CSS in one of the demos we were looking at that I have in my whole CSS brain. We were looking at his Carousel Gallery which is one of the more impressive sets of CSS demos I’ve ever seen. […]... read more

Chris’ Corner: 10 HTML Hits

Chris Coyier |
Love HTML? Good. It’s very lovable. One of my favorite parts is how you can screw it all up and it still it’s absolute best to render how it thinks you meant. Not a lot of other languages like that. Are there any? English, I suppose lolz. Anyway — I figured I’d just share 10 […]... read more

Chris’ Corner: CSS Powered Componentry

Chris Coyier |
New CSS features help us in all sorts of different ways, but here we’re going to look at them when they power a specific type of component, or make a type of component newly possible with less or no JavaScript.... read more

Chris’ Corner: The New Web Safe

Chris Coyier |
Back in the day I was a fan of the “Trebuchet MS” font. I didn’t like it large, but set fairly small I loved the look of it. Looked very website-ish — if that makes sense. Honestly, at 12px, it still looks really nice. The main reason I would use it is that it was […]... read more

Chris’ Corner: PerformanCSS

Chris Coyier |
How CSS relates to web performance is a funny dance. Some aspects are entirely negligible the vast majority of time. Some aspects are incredibly impactful and crucial to consider. For example, whenever I see research into the performance of some form of CSS syntax, the results always seem to be meh,... read more