CodePen

Chris’ Corner: Offlinin’ Aint Easy

Chris Coyier |
I kinda like the idea of the “minimal” service worker. Service Workers can be pretty damn complicated and the power of them honestly makes me a little nervous. They are middlemen between the browser and the network and I can imagine really dinking that up, myself. Not to dissuade you from using them... read more

Chris’ Corner: JavaScript Ecosystem Tools

Chris Coyier |
I love a good exposé on how a front-end team operates. Like what technology they use, why, and how, particularly when there are pain points and journeys through them. Jim Simon of Reddit wrote one a bit ago about their teams build process. They were using something Rollup based and getting 2-minute ... read more

Chris’ Corner: HTML

Chris Coyier |
HTML is fun to think about. The old classic battle of “HTML is a programming language” has surfaced in the pages of none other than WIRED magazine. I love this argument, not even for it’s merit, but for the absolutely certainty that you will get people coming out of the woodwork to tell you that […]... read more

Chris’ Corner: User Control

Chris Coyier |
Like Miriam Suzanne says: You’re allowed to have preferences. Set your preferences. I like the idea of controlling my own experience when browsing and using the web. Bump up that default font size, you’re worth it. Here’s another version of control. If you publish a truncated RSS feed on your site, ... read more

Chris’ Corner: Element-ary, My Dear Developer

Chris Coyier |
I coded a thingy the other day and I made it a web component because it occurred to me that was probably the correct approach. Not to mention they are on the mind a bit with the news of React 19 dropping with full support. My component is content-heavy HTML with a smidge of dynamic […]... read more

Chris’ Corner: Hot Off The Digital Linotype Machine

Chris Coyier |
Typography stuff! I can’t help it, it’s a part of me. I bookmark great looking new typefaces (according to me) when I see them released or are just seeing them for the first time. Here’s some! Roslindale I think they are kiping this slogan from Caslon and it’s awfully bold to do so. I’m cool […]... read more

Chris Corner: Approaching CSS

Chris Coyier |
We’ve been using Cascade Layers in our CSS here at CodePen quite a bit lately. A pretty clear non-complicated use case is that we tend to apply one class to stuff. That includes a “library” component. So imagine the prototypical Button, which would have a .button selector applying styling to it. But... read more

Chris’ Corner: Hurry Toward Maximum Language

Chris Coyier |
Let’s talk HTML this week. The 2024 HTML Survey results are published, so that’s as good a reason as any. I’m a bit too daft to extract anything terribly interesting from the results themselves, but the survey itself acts as a sort of list of things we all might do well to at least be […]... read more

Chris’ Corner: Well Articulated Demos

Chris Coyier |
I’m so envious of Paul Hebert’s Generating Random Mazes with JavaScript. Paul designed a random maze generator in some pretty easy to reason about JavaScript. It’s on CodePen, naturally. I’m envious because I love mazes. I’d draw them constantly as a kid. The square corner ones or weird wobbly organ... read more

Chris’ Corner: Our Eras Tour

Chris Coyier |
Kristen’s classification of the four eras of JavaScript frameworks feels intuitively correct. A further simplification is essentially: 1. jQuery 2. Backbone 3. React 4. Next.js. Those were the big names from the eras and the similar technologies feel like obvious siblings. It’s easy to point at shor... read more