I love that this actually works.
*Oh yeah, is your list actually UNordered? Prove it.*
*Oh yeah, is your list actually UNordered? Prove it.*
October 31, 2025 at 3:24 PM
I love that this actually works.
*Oh yeah, is your list actually UNordered? Prove it.*
*Oh yeah, is your list actually UNordered? Prove it.*
This is an amazing email. Just a banger. My favorite little touch is the lack of an unsubscribe link.
October 31, 2025 at 2:22 PM
This is an amazing email. Just a banger. My favorite little touch is the lack of an unsubscribe link.
Gotta admit I'm pretty stoked about the chrome-devtools-mcp.
github.com/ChromeDevToo...
Wired it up to @zed.dev pretty easily.
github.com/ChromeDevToo...
Wired it up to @zed.dev pretty easily.
October 27, 2025 at 9:57 PM
Gotta admit I'm pretty stoked about the chrome-devtools-mcp.
github.com/ChromeDevToo...
Wired it up to @zed.dev pretty easily.
github.com/ChromeDevToo...
Wired it up to @zed.dev pretty easily.
Love getting linked to a TikTok and you wanna unmute it but you gotta bring your machete to get down there.
October 18, 2025 at 2:57 PM
Love getting linked to a TikTok and you wanna unmute it but you gotta bring your machete to get down there.
For myself to more easily find again later. (GitHub Markdown "alerts")
docs.github.com/en/get-start...
docs.github.com/en/get-start...
October 14, 2025 at 1:32 PM
For myself to more easily find again later. (GitHub Markdown "alerts")
docs.github.com/en/get-start...
docs.github.com/en/get-start...
rawdogging some shape() to build "round out" tabs.
I'll blog it eventually. modern CSS rules.
I'll blog it eventually. modern CSS rules.
October 10, 2025 at 1:42 AM
rawdogging some shape() to build "round out" tabs.
I'll blog it eventually. modern CSS rules.
I'll blog it eventually. modern CSS rules.
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.
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
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.
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.
Couple of cute prints from thelittlefriendsofprintmaking.com
September 2, 2025 at 3:44 PM
Couple of cute prints from thelittlefriendsofprintmaking.com
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
Can you `startViewTransition` and force new CSS `random()` values? I mean, kinda. Confuses the heck out of Safari but it'll do it.
still kind of a fun idea for a . codepen.io/chriscoyier/...
August 7, 2025 at 8:04 PM
still kind of a fun idea for a . codepen.io/chriscoyier/...
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!)
codepen.io/chriscoyier/...
(Definitely wouldn't use it for a fixed header these days!)
August 5, 2025 at 1:53 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!)
codepen.io/chriscoyier/...
(Definitely wouldn't use it for a fixed header these days!)
ug that's such a cool little record player stand.
convincing myself that once all the wires get involved it won't be cool anymore.
tactileaudiofurniture.com/products/ara...
convincing myself that once all the wires get involved it won't be cool anymore.
tactileaudiofurniture.com/products/ara...
August 3, 2025 at 1:00 AM
ug that's such a cool little record player stand.
convincing myself that once all the wires get involved it won't be cool anymore.
tactileaudiofurniture.com/products/ara...
convincing myself that once all the wires get involved it won't be cool anymore.
tactileaudiofurniture.com/products/ara...
Pretty sweet browser tool for adding rather extreme effects to photos/video.
www.tooooools.app/effects/dith...
www.tooooools.app/effects/dith...
July 29, 2025 at 2:09 PM
Pretty sweet browser tool for adding rather extreme effects to photos/video.
www.tooooools.app/effects/dith...
www.tooooools.app/effects/dith...
Single glyph to .svg is a neat trick in the Typeface 4.1 update.
July 29, 2025 at 1:58 PM
Single glyph to .svg is a neat trick in the Typeface 4.1 update.
Probably because I’m replacing this poster after too many years.
July 26, 2025 at 6:46 PM
Probably because I’m replacing this poster after too many years.
I have such a rollercoaster relationship with Grammarly. Sometimes it's so helpful at catching things I miss. Sometimes it's suggestions are so bad I just have to turn it off.
July 20, 2025 at 2:42 PM
I have such a rollercoaster relationship with Grammarly. Sometimes it's so helpful at catching things I miss. Sometimes it's suggestions are so bad I just have to turn it off.
What am I doing wrong??
July 17, 2025 at 9:52 PM
What am I doing wrong??
Chrome with "Side Space" extension, `--enable-features=SideBySide`, and QuickClip URL extension (for Cmd-Shift-C URL copying) is really getting there for my Post Arc era.
July 9, 2025 at 12:53 AM
Chrome with "Side Space" extension, `--enable-features=SideBySide`, and QuickClip URL extension (for Cmd-Shift-C URL copying) is really getting there for my Post Arc era.
Just used Photoshop The Website because Photoshop The App just can't seem to open on my machine anymore, even after waiting for a fresh update. Worked fine. Go websites.
July 2, 2025 at 3:23 PM
Just used Photoshop The Website because Photoshop The App just can't seem to open on my machine anymore, even after waiting for a fresh update. Worked fine. Go websites.
Buried in a paragraph is maybe a bit weird, but it's in the header.
June 25, 2025 at 9:05 PM
Buried in a paragraph is maybe a bit weird, but it's in the header.
> Apple is updating Safari so that webpages start at the top of the screen and go down to the edge. The browser bar will appear at the bottom and adjust size as you scroll, while allowing users to access commonly used abilities, like refresh and search.
Looks like the URL is straight up hidden? 😬
Looks like the URL is straight up hidden? 😬
June 11, 2025 at 2:13 PM
> Apple is updating Safari so that webpages start at the top of the screen and go down to the edge. The browser bar will appear at the bottom and adjust size as you scroll, while allowing users to access commonly used abilities, like refresh and search.
Looks like the URL is straight up hidden? 😬
Looks like the URL is straight up hidden? 😬
I find it satisfying to make a quick range slider in HTML to control a variable.
June 11, 2025 at 2:06 PM
I find it satisfying to make a quick range slider in HTML to control a variable.
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/...
codepen.io/chriscoyier/...
June 7, 2025 at 4:51 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/...
codepen.io/chriscoyier/...
It was all a long con to get this sick free t-shirt from @sachagreif.com
June 5, 2025 at 6:38 PM
It was all a long con to get this sick free t-shirt from @sachagreif.com