CodePen

Chris’ Corner: A11Y

Chris Coyier |
I’ve got a couple of accessibility related articles I thought I’d share this week. I’ve specifically picked them out as examples of well-done accessibility writing. For each, I’ve plucked out a bit I found particularly interesting. But you, you should read the whole thing.... read more

427: Next.js and The Journey of SSR

Chris Coyier |
Having that first response from the server to users browsers be, ya know, full of good, useful, renderable HTML is certainly better than an empty <div id="app">. You can feel it and see it in the filmstrip view of the site loading. Not to mention you need it for at least things like <meta&g... read more

426: Browserslist in CodePen 2.0

Chris Coyier |
Stephen and Chris chat about how the 2.0 editor (well, the compiler really) understands and supports Browserslist, a config format that lives in your package.json file that multiple blocks can understand and make browser support decisions against. Jump Links... read more

Chris’ Corner: Finding Type

Chris Coyier |
Finding the typeface you need is a whole thing. You’ll know it when you see it is one approach. Look at a lot of choices. Make sure to save ones that you think are really nice, even if they aren’t the winner this time. On my local machine, I use an app called Typeface. I […]... read more

Chris’ Corner: View Transitions

Chris Coyier |
I’ve had View Transitions on the mind a little bit after experimenting with using them to move the focus ring around the page. I found that pretty satisfying, except the part where I was binding events to the tab key myself and keeping track of “focusable” elements. I know better, as that kind of th... read more

425: Debug Logs

Chris Coyier |
As we’re getting close to rounding out the Beta period of the 2.0 editor, we’re trying to close out any bugs we find or users report quickly. They could be browser-support related, network conditions related, account capability related, or just bugs in how the 2.0 editor and technology behind it wor... read more

Chris’ Corner: Check It B4 U Wreck It

Chris Coyier |
There is an airport in Bend, Oregon where I live. We’ve got a proper one in Redmond, the next town over, but a little baby municipal one here in Bend. There is a cafe there that I’m only just hearing about: Bend Airport Cafe. Looks nice, I should go! I’m mentioning it for another reason,though. […]... read more

Chris’ Corner: Import Maps

Chris Coyier |
<script type="importmap"> Import Maps are pretty great! You get to write import thing from "place"; and then you get to map what you mean by "place". You could map it to a file in your project somewhere, that way you’ve got one place to update it and update it everywhere that imports it. Or yo... read more

424: File List Optimization

Chris Coyier |
The 2.0 Editor can support hundreds of files per Pen, not to mention folders mixed in which don’t count toward that total. This can be pretty weighty on the DOM and thus adversely affect performance. Especially as each file/folder has children, a variety of event listeners, are drag and drop enabled... read more

Chris’ Corner: ZIP first?

Chris Coyier |
I love ideas that feel clearly better than what was before. I used to feel that way about curved shower curtain bars. Like, instead of the shower curtain being perfectly straight against the edge of the shower, it curves outward. No harm in functionality, but it gives more space inside the shower. I... read more