Chris Coyier's Avatar

Chris Coyier

@chriscoyier.net

I do @codepen.io

18,219
Followers
827
Following
800
Posts
24.04.2023
Joined
Posts Following

Latest posts by Chris Coyier @chriscoyier.net

Post image

behold this Pinewood Derby car that *is* a Pinewood Derby.

07.03.2026 15:15 πŸ‘ 10 πŸ” 1 πŸ’¬ 0 πŸ“Œ 1

There’s a whole little tribe of folks that have picking access. But it may have been me. I’ve been trying to seed some 2.0 Pens into the feeds

07.03.2026 03:07 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Should be good now πŸ‘Œ

07.03.2026 00:39 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Mad CSS Round One of Mad CSS is out on YouTube!

Mad CSS

Round One of Mad CSS is out on YouTube!

06.03.2026 20:25 πŸ‘ 23 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Untitled Lars Mensel: ... the only way out of the delusion thatΒ AIΒ can replace all of us is to do good meaningful work, and to appreciate good work when we see it.

Untitled

Lars Mensel: ... the only way out of the delusion thatΒ AIΒ can replace all of us is to do good meaningful work, and to appreciate good work when we see it.

06.03.2026 18:41 πŸ‘ 20 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Zen is excellently done!

06.03.2026 18:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Chrome:

β€’Β Split view? Yes please.
β€’ Side tabs? Yes please.
β€’ ⌘-Shift-C to copy URL? Yes please.

Easily the top three features I need from Arc.

(Option-click for split view would be nice, tab spaces would be nice. Side tabs is a feature flag for now.)

06.03.2026 15:46 πŸ‘ 19 πŸ” 3 πŸ’¬ 5 πŸ“Œ 0

Even just like "do you change the URL or not?" is an interesting choice

06.03.2026 15:34 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
apple.com page with an entire web page open in a modal-like layout

apple.com page with an entire web page open in a modal-like layout

Design trend noted by Steve McKinney: "pages in pages"

iamsteve.me/notes/pages-...

06.03.2026 15:00 πŸ‘ 9 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

what the heck, we'll get that fixed.

06.03.2026 03:23 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
A Bit on the [geolocation] Element
A Bit on the [geolocation] Element YouTube video by CodePen

A few min on <geolocation> in HTML/CSS/JS.

1. I like how explicit it is for users & how it helps "recover" from incorrect permissions.
2. It's *super interesting* how it checks the contrast accessibility and just makes the button not work if you dink it up.

www.youtube.com/watch?v=hffX...

05.03.2026 18:48 πŸ‘ 37 πŸ” 6 πŸ’¬ 3 πŸ“Œ 0

Did you build your bracket yet?

05.03.2026 12:46 πŸ‘ 12 πŸ” 1 πŸ’¬ 2 πŸ“Œ 1

gave that a shot and not seeing position: fixed change the broken-ness applied to either/both once you change the DOM position to have the tooltip first

04.03.2026 22:57 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

The one-off font for the Neo page is just a `mask-image`, but you can still select the text. Maybe might as well make it size along with the container?

04.03.2026 17:19 πŸ‘ 48 πŸ” 3 πŸ’¬ 0 πŸ“Œ 4
Video thumbnail

listen what better way to learn CSS than vagely erotic interactive demos?

codepen.io/editor/chris...

04.03.2026 16:15 πŸ‘ 23 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

ooops, yeah, tragedy goes the other direction

04.03.2026 16:05 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

and nobody cares how that sick ass `corner-shape: scoop;` smurfs right into that `border-radius` like they were born together? cmon

04.03.2026 15:10 πŸ‘ 27 πŸ” 0 πŸ’¬ 3 πŸ“Œ 0
Post image

all this shittalk while the great tragedy still looms.

codepen.io/editor/chris...

04.03.2026 15:08 πŸ‘ 16 πŸ” 0 πŸ’¬ 1 πŸ“Œ 1
Video thumbnail

team i'm FIRED UP about these gnarly gotchas with Anchor Positioning in CSS.

02.03.2026 22:28 πŸ‘ 65 πŸ” 9 πŸ’¬ 3 πŸ“Œ 2

this is hilarious.

You SAID we could style <select> now DAD.

02.03.2026 16:40 πŸ‘ 54 πŸ” 5 πŸ’¬ 0 πŸ“Œ 0
Preview
Untitled I like how Nolan paints this two-sided picture of AI coding. The worst fact about these tools is that they work. They can write code better than you or I can, and if you don’t believe me, wait six months. You could abstain out of moral principle. And that’s fine, especially if you’re at the tail end of your career.

Untitled

I like how Nolan paints this two-sided picture of AI coding. The worst fact about these tools is that they work. They can write code better than you or I can, and if you don’t believe me, wait six months. You could abstain out of moral principle. And that’s fine, especially if you’re at…

02.03.2026 15:26 πŸ‘ 29 πŸ” 2 πŸ’¬ 5 πŸ“Œ 4

That’s two votes for carbon steel.

26.02.2026 02:24 πŸ‘ 1 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Preview
Tucci Pan Review Stanley Tucci has a set of cookware named after him that GreenPan sells. I've got these two pans: I forget where they came from exactly, some silent auction or something, but I unboxed and started using them about 8 months ago. I was so hyped the first few months! Ultra extremely non-stick Washing them with a soft sponge is nearly effortless because of how non-stick they are.

Tucci Pan Review

Stanley Tucci has a set of cookware named after him that GreenPan sells. I've got these two pans: I forget where they came from exactly, some silent auction or something, but I unboxed and started using them about 8 months ago. I was so hyped the first few months! Ultra extremely…

25.02.2026 18:36 πŸ‘ 7 πŸ” 0 πŸ’¬ 5 πŸ“Œ 0

if u squint it looks like a dragon

25.02.2026 16:57 πŸ‘ 1 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

I like that. "Some degree of aggressiveness" is exactly what it feels like it needs that I haven't been able to deliver.

25.02.2026 02:36 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

it always forgets my venmo tho

24.02.2026 21:28 πŸ‘ 9 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
You Get Good At What You Do (Or DoΒ You?) I used to feel really strongly about this. You get good at what you do. Like, if you build websites all the time, you get good at building websites. If you make burritos all the time, you get good at making burritos. It could extend to almost anything. Healthy places that fit into the logical narrative you already know, like if you lift weights to the point of exhausting your limits a lot, you'll get stronger.

You Get Good At What You Do (Or DoΒ You?)

I used to feel really strongly about this. You get good at what you do. Like, if you build websites all the time, you get good at building websites. If you make burritos all the time, you get good at making burritos. It could extend to almost anything.…

24.02.2026 21:12 πŸ‘ 14 πŸ” 1 πŸ’¬ 6 πŸ“Œ 3
Preview
703: Ujjwal Sharma and TC39 We’re joined by Ujjwal Sharma to talk about what the TC39 is, who’s in it, and how the TC39 group guides JavaScript.

Our colleague and @tc39.es co-chair @ryzokuken.dev was at the @shoptalkshow.com last week with davatron5000.bsky.social and @chriscoyier.net chatting about web standards, JavaScript, TC39 and how it works! Listen in here: shoptalkshow.com/703/

23.02.2026 19:21 πŸ‘ 15 πŸ” 7 πŸ’¬ 0 πŸ“Œ 0

ha!

in my very best well actually voice, it's the readers who are broken as the rss spec is clear in that title is optional πŸ€“

23.02.2026 20:40 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I really agree with myself here.

23.02.2026 20:39 πŸ‘ 81 πŸ” 1 πŸ’¬ 5 πŸ“Œ 0