Chris Coyier
banner
chriscoyier.net
Chris Coyier
@chriscoyier.net
I do @codepen.io
I love that this actually works.

*Oh yeah, is your list actually UNordered? Prove it.*
October 31, 2025 at 3:24 PM
rawdogging some shape() to build "round out" tabs.

I'll blog it eventually. modern CSS rules.
October 10, 2025 at 1:42 AM
CSS `field-sizing` on a `<textarea>` is obviously awesome.

But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.
September 12, 2025 at 6:21 PM
Can you `startViewTransition` and force new CSS `random()` values? I mean, kinda. Confuses the heck out of Safari but it'll do it.
August 28, 2025 at 12:06 AM
still kind of a fun idea for a . codepen.io/chriscoyier/...
August 7, 2025 at 8:04 PM
Just came across this old rudimentary Pen, but it does OK explaining the difference between these ways of handling events that happen a ton.

codepen.io/chriscoyier/...

(Definitely wouldn't use it for a fixed header these days!)
August 5, 2025 at 1:53 PM
Pretty sweet browser tool for adding rather extreme effects to photos/video.

www.tooooools.app/effects/dith...
July 29, 2025 at 2:09 PM
Single glyph to .svg is a neat trick in the Typeface 4.1 update.
July 29, 2025 at 1:58 PM
So I guess they couldn't use `:open` for popovers because `
` already has that, and a details *can be a popover itself*, hence we also need `:popover-open`. Pretty niche situation but that's web standards I guess.

codepen.io/chriscoyier/...
June 7, 2025 at 4:51 PM