banner
LightNews
chriscoyier.net
Chris Coyier
@chriscoyier.net
18K followers 700 following 640 posts
I do @codepen.io
Posts Media Videos Starter Packs
Reposted by Chris Coyier
shaundai.com
Shaundai Person @shaundai.com · 1d
Okay is my response to this spam text believable? Or how would you tweak it?

Gonna start keeping a couple of these as templates lol

(My response is in the green)
Text from scammer: Excuse me. I'm Paula of Procom. Just reaching out to reach out about a current role. Would you like the details? Reply from Shaundai: NOREPLY: This is an automated message. Your IP address has been recorded and forwarded to the following divisions of the FBI: FRAUD INVESTIGATION Please allow up to 30 days for processing. If this message was sent from outside of the United States, this claim may also be sent to the CBI.
5 3 49
chriscoyier.net
Chris Coyier @chriscoyier.net · 2d
Figma
1
Reposted by Chris Coyier
ollie-williams.bsky.social
Ollie Williams @ollie-williams.bsky.social · 2d
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.

www.firefox.com/en-US/firefo...
Firefox 144.0, See All New Features, Updates and Fixes
www.firefox.com
3 29 130
chriscoyier.net
Chris Coyier @chriscoyier.net · 2d
I did get around to blogging this.

frontendmasters.com/blog/modern-...

Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
Modern CSS Round-Out Tabs
We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand.
frontendmasters.com
2 7 29
Reposted by Chris Coyier
wil.to
Mat “Wilto” Marquis @wil.to · 2d
At last, today is the day. I am immensely proud to announce that JavaScript for Everyone is here.

Tell a friend, tell a Slack channel — write it on a slip of paper, fold it once, and slide it across your boss' desk without breaking eye contact. _It's time to get weird._

piccalil.li/javascript-f...
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalil.li
3 16 44
Reposted by Chris Coyier
dylanatsmith.com
Dylan Smith @dylanatsmith.com · 2d
No need to remember the syntax!
2 7 40
chriscoyier.net
Chris Coyier @chriscoyier.net · 2d
For myself to more easily find again later. (GitHub Markdown "alerts")

docs.github.com/en/get-start...
8 9 96
chriscoyier.net
Chris Coyier @chriscoyier.net · 3d
I’m kept waiting for Lockjaw to be like:

Are my methods… unsound?
6
Reposted by Chris Coyier
toddl.dev
Todd @toddl.dev · 3d
I was on a podcast with @chriscoyier.net and @davatron5000.bsky.social and said some words shoptalkshow.com/686/
686: Todd Libby on Deceptive Patterns
Todd Libby is on the show to talk with us about deceptive patterns on the web, what WCAG is and who it’s for, and 5 deceptive patterns in use on the web today.
shoptalkshow.com
3 8
chriscoyier.net
Chris Coyier @chriscoyier.net · 5d
domm.plix.at/perl/2025_10...

lol at “brain coding”, the new term we need for the forever established thing we already do.

Like “multi-page website”.

(They knew it was tongue in cheek but I can see it catching on)
9 5 78
chriscoyier.net
Chris Coyier @chriscoyier.net · 6d
I definitely had to be in the perfect mood for it haha
1 3
chriscoyier.net
Chris Coyier @chriscoyier.net · 6d
Interesting.

I actually used arc at first but I wasn’t quite grokking the “of” syntax or how to get it to arc “the other way” so I aborted and found curve easier to use even if slightly more numbers involved
2
Reposted by Chris Coyier
saron.bsky.social
Saron Yitbarek @saron.bsky.social · 7d
Was surprised to see that, even though CSS Grid isn't a new feature, it's still high on the list of things devs find confusing, so wrote a post about it.

I focus on a new mental model I think is helpful. Let me know what you think!

webkit.org/blog/17474/c...
CSS Grid: A helpful mental model and the power of grid lines
Grid is a powerful, flexible tool that brings complex layouts to life.
webkit.org
2 9 42
chriscoyier.net
Chris Coyier @chriscoyier.net · 7d
rawdogging some shape() to build "round out" tabs.

I'll blog it eventually. modern CSS rules.
10 6 160
chriscoyier.net
Chris Coyier @chriscoyier.net · 7d
Media Diet

📺 Wondla — 10/10 kids show. I was way into it. Post-apoc situation with underground bunkers (apparently Apple loves that theme) where when the protagonist girl busts out of it, the world is quite different. The premise and payoff in Season 1 was better than the commentary vibe of Season…
Media Diet
📺 Wondla — 10/10 kids show. I was way into it. Post-apoc situation with underground bunkers (apparently Apple loves that theme) where when the protagonist girl busts out of it, the world is quite different. The premise and payoff in Season 1 was better than the commentary vibe of Season 2, but I liked it all. Apparently there is one more season coming…
chriscoyier.net
5
chriscoyier.net
Chris Coyier @chriscoyier.net · 9d
Each toy also comes with a small plastic bag of white powder. Just sniff it in kids! It’s fun!
1 8
chriscoyier.net
Chris Coyier @chriscoyier.net · 9d
The Amazon Catalog has arrived!

1) Full of toys!
2) Here in early October, time for mom and dad to save up!
3) Lots of white space for circling things
4) Has a thicker cardboard first place to write wishlist you can tear it out (fits 15 things)
5) is a literal sticker book also
3 6
Reposted by Chris Coyier
natemoo.re
natemoore on elm street @natemoo.re · 10d
font-size-adjust is the best thing to ever happen to the element

developer.mozilla.org/en-US/docs/W...
font-size-adjust - CSS | MDN
The font-size-adjust CSS property provides a way to modify the size of lowercase letters relative to the size of uppercase letters, which defines the overall font-size. This property is useful for sit...
developer.mozilla.org
2 5 59
chriscoyier.net
Chris Coyier @chriscoyier.net · 13d
I feel like how we feel about smoking on airplanes is how the next generation will feel about us just mainlining social media.
12 9 91
chriscoyier.net
Chris Coyier @chriscoyier.net · 17d
I think Fiesta is the winner. They have this Skeleton Duet look right now that is doing it for me.
4
chriscoyier.net
Chris Coyier @chriscoyier.net · 19d
Who’s got a set of dinner plates they really love?
14 11
chriscoyier.net
Chris Coyier @chriscoyier.net · 19d
I hemmed-and-hawed about this one on one of the streams. It was close but ultimately I decided that I've never personally cared or been bitten by the font size increase on landscape so left it off.
2 2
chriscoyier.net
Chris Coyier @chriscoyier.net · 20d
No u look great
6
chriscoyier.net
Chris Coyier @chriscoyier.net · 20d
Yup I blogged it!

Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.

I quite like it and I'm extra interested in thoughts/critique.
fubits.dev
Ilja @fubits.dev · 20d
New css reset just dropped! This time by @chriscoyier.net frontendmasters.com/blog/the-coy...
The Coyier CSS Starter
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
frontendmasters.com
7 13 96
chriscoyier.net
Chris Coyier @chriscoyier.net · 22d
FINE I'LL BLOG MINE jeez.

frontendmasters.com/blog/the-coy...

Seriously though — this is fun! Critique it!
The Coyier CSS Starter
A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.
frontendmasters.com
4 3 27