Chris Coyier's Avatar

Chris Coyier

@chriscoyier.net

I do @codepen.io

18,264
Followers
834
Following
811
Posts
24.04.2023
Joined
Posts Following

Latest posts by Chris Coyier @chriscoyier.net

Enjoyed Bugonia.

Little bit like a high budget Safety Not Guaranteed.

10.03.2026 22:26 πŸ‘ 6 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

Weird one I just saw: typefully.com

Like it hints at the app interface underneath??

10.03.2026 22:12 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

The way our @codepen.io 2.0 editor deals with npm packages is pretty cool.

1. Detect package usage
2. Create/edit `package.json` file to reflect needed packages
3. Inject an `<script type="importmap">` into any HTML produced by compiler

Here's using React in 53 seconds.

10.03.2026 22:00 πŸ‘ 24 πŸ” 3 πŸ’¬ 1 πŸ“Œ 0

Lol I JUST finally bailed on Ghostty because of lack of search when they drop the feature.

ghostty.org/docs/install...

10.03.2026 18:02 πŸ‘ 13 πŸ” 0 πŸ’¬ 1 πŸ“Œ 1

I’d like to see an explicitly social-forward RSS reader. Like it’s encouraged to highlight passages and leave short comments. Your buds see yours, you see your buds.

10.03.2026 14:30 πŸ‘ 80 πŸ” 5 πŸ’¬ 10 πŸ“Œ 0
Preview
Coding Agents & Complexity Budgets $260 in tokens and hundreds of coding agents later.

Yes, person at Cursor did it, and Sanity rebutted it
leerob.com/agents
www.sanity.io/blog/you-sho...

10.03.2026 02:04 πŸ‘ 22 πŸ” 2 πŸ’¬ 2 πŸ“Œ 1

Has someone written "AI is my CMS" yet? Feels inevitable.

Like why run a build tool when you can just prompt another page?

10.03.2026 01:52 πŸ‘ 13 πŸ” 0 πŸ’¬ 6 πŸ“Œ 0

Didn’t you name it?

09.03.2026 22:46 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

One day you're like "we should send a weekly newsletter about the cool stuff on @codepen.io and around".

Then 500 weeks go by. πŸŽ‰

codepen.io/spark/500

09.03.2026 19:42 πŸ‘ 54 πŸ” 5 πŸ’¬ 3 πŸ“Œ 1

THERE IT IS MY MAN

08.03.2026 23:13 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

β€œSometimes” is a such a weak lyrical crutch.

Just say the feeling.

It’s not β€œwhen the moon hits your eye like a big pizza pie it’s sometimes amore”

It’s friggin amore let’s go

08.03.2026 15:38 πŸ‘ 73 πŸ” 3 πŸ’¬ 8 πŸ“Œ 0

Public Beta, day 3!

Performance is certainly a priority for us. Classic editor is about 7MB of resources. Tonsβ€”but it's a web app with a lot to do. 2.0 editor is ~5MB. I think the preview updates clock in a *little* slower, we got some compiler optimizations to do.

Monoco-powered editors ~= 60MB

07.03.2026 20:48 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

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

07.03.2026 15:15 πŸ‘ 140 πŸ” 10 πŸ’¬ 5 πŸ“Œ 3

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 πŸ‘ 24 πŸ” 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 πŸ‘ 22 πŸ” 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 πŸ‘ 21 πŸ” 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 πŸ‘ 10 πŸ” 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 πŸ‘ 24 πŸ” 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