Chris Coyier / is on Nostr

Co-Founder of CodePen

Last Notes

2024-09-09 22:07:30

*"Regardless of where it is in the DOM."*
Isn't it cool how many HTML and CSS features free us from awkwardly constrained DOM order and position?
• `:has()` — Select any element based on any other element in CSS up and down the DOM.
• Anchor Positioning — Position any element based on any other element, up and down the DOM.
• Popover/Dialog — Put these wherever, it doesn't matter, they will rise to the top and be visible no matter where they are in the DOM.
Will it make us sloppy? Nah.

2024-09-09 16:34:59

Just a wee reminder that "global support percentages" for browser features mean literally nothing other than fun dinner party conversation.
What matters is the support percentages for the people visiting your website, which are unique to your website, and differ from website to website for all sorts of reasons.

2023-08-31 18:11:34

This chart about CSS' `content-visibility` is my favorite. Every year, less and less people have even heard of it. Kinda like me.
https://2023.stateofcss.com/en-US/features/layout/#content_visibility
https://cdn.masto.host/frontendsocial/media_attachments/files/110/985/575/238/746/706/original/a3d4ddf4346a53fe.png

2023-08-31 17:42:09

A lot of stuff is just fine. https://chriscoyier.net/2023/08/31/a-lot-of-stuff-is-just-fine/

2023-08-30 17:36:39

“A historical record of foundational web development blog posts.” https://chriscoyier.net/2023/08/30/a-historical-record-of-foundational-web-development-blog-posts/

2023-08-14 20:11:00

Big fan of the double-color-stop syntax available in gradients cross-browser now. Way more concise than having to repeat the same color twice to essentially do the same thing.
https://codepen.io/chriscoyier/pen/LYXwBbm?editors=0100
https://cdn.masto.host/frontendsocial/media_attachments/files/110/889/785/440/794/070/original/73bcbec12bf48dae.png

2023-08-10 20:03:24

- reply

@npub1gf2…u0nm I notice that every picture of a session I ever see seems to be at a proper table. Which makes sense? Tables are great. In my little world of Old Time, the jams are never at tables, it's always a little circle of chairs. Tiny table in the middle if you're lucky.

2023-08-08 13:45:06

"A website should load before you can say "Cumulative Layout Shift" — @npub1fa2…3m3s
That's just a wonderful idea.
Rigorous science from Stoyan Stefanov puts that at 1.722 seconds. https://www.phpied.com/jehls-law-of-web-performance/