• New Jun 3, 2026

  Chris’ Corner: A11Y

  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,...

• New Jun 2, 2026

  427: Next.js and The Journey of SSR

  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...

• New May 27, 2026

  426: Browserslist in CodePen 2.0

  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...

• New May 25, 2026

  Chris’ Corner: Finding Type

  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...

• New May 18, 2026

  Chris’ Corner: View Transitions

  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...

• New May 12, 2026

  425: Debug Logs

  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...

• New May 12, 2026

  Chris’ Corner: Check It B4 U Wreck It

  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...

• New May 6, 2026

  Chris’ Corner: Import Maps

  <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...

• New Apr 29, 2026

  424: File List Optimization

  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...

• New Apr 27, 2026

  Chris’ Corner: ZIP first?

  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...

• New Apr 22, 2026

  423: 2.0 Templates

  Stephen and Chris hop on the ol’ podcast to talk about all the ways that Templates are way better in 2.0 land. You’ve always been able to make your own templates, but now you can select...

• New Apr 20, 2026

  Chris’ Corner: URLs

  In Fixing the URL params performance penalty, Barry Pollard sets up a very clear real-world conundrum. The content at these two URLs is probably the same: The content at these two URLs is probably...

• New Apr 14, 2026

  422: Supporting Packages

  Alex and Chris talk about how the 2.0 Editor supports packages from npm. The trick is both simple and complex. The idea is simple. We detect the packages you want to use, list them in an (editable)...

• New Apr 13, 2026

  Chris’ Corner: Share What You Do

  I’ve always loved a good blog post of someone just saying what they use and do. Keerthana Krishnan has a good one here with Chrome DevTools Features I Use All the Time (and Why You Should Too)....

• New Apr 8, 2026

  421: View Control of the 2.0 Editor

  Stephen & Chris look at the UI of the 2.0 Editor and show all the control you have over what you’re looking at. Way more control than the Classic editor! We share some of the thinking behind...

• New Apr 6, 2026

  Chris’ Corner: Design

  Perfectionist? So how can you tell when your perfectionist traits, which in many ways have aided your creative prowess, have gone too far? If you’re prone to obsession, especially when it comes to...

• New Mar 23, 2026

  Chris’ Corner: Even Grids

  It’s always interesting observing multiple people attack the same problem. Sometimes they aren’t even aware of each other. Like how Isaac Newton invented calculus in the mid 1660’s...

• New Mar 18, 2026

  Chris’ Corner: Processing

  The other week when I was talking about Web Components in the Corner, I mentioned zero-md, a nice little Web Component for doing exactly that. I had to bite my tongue a little bit though, as the 2.0...

• New Mar 11, 2026

  420: What are Blocks?

  With CodePen 2.0, we’ve got a new word we’re using: Blocks. A way to think about Blocks is anything that processes code. They are added as steps to the CodePen Compiler as needed. For...

• New Mar 9, 2026

  Chris’ Corner: Anchors

  As of January, with Firefox 147’s release, Anchor Positioning is supported across all major browsers. I’m happy about that, of course. I think Anchor Positioning is really powerful and a...

• New Mar 5, 2026

  419: Why 2.0?

  CodePen 2.0 was the most ambitious project that we’ve ever taken on in our lives. Why would we do such a thing? Chris and Alex explain the thinking behind it. We’ve been around a long...

• New Mar 3, 2026

  Chris’ Corner: Cool Things

  Dave has this classic idea for a Web Components Sommelier. Like many of Dave’s ideas, it’s equal parts joke and brilliance. The idea is a person with deep knowledge of an absolute ton of...

• New Feb 23, 2026

  Chris’ Corner: SVG Tools

  You can kinda smell a vibe-coded app these days. TypingSVG has that odor, but like… in a good way? An app like this absolutely should exist. Someone needed it, and how instead of it just being...

• New Feb 21, 2026

  418: CodeMirror 6

  Chris Coyier and Stephen Shaw discuss the transition from CodeMirror 5 to CodeMirror 6, highlighting the significant improvements in accessibility, performance, and user experience. They delve into...

• New Feb 16, 2026

  Chris’ Corner: All Together Now

  Individual fresh CSS features can be amazing, but I always say it’s the most impressive when they go together. Adam Argyle knocked one out of the park with his modestly named Nice Select post...

• New Feb 11, 2026

  Chris’ Corner: Light & Boxes

  Andy Bell with pitch perfect bait for me: Fun shadow coding challenge. Just a simple line across a page, but imagine that line is a light source. Squares below the light source have a box-shadow. How...

Scroll to top