What Is Google’s Project Nimbus, and Why Are Students Protesting Against It?, by @thehindu.com: https://www.thehindu.com/sci-tech/technology/what-is-googles-project-nimbus-and-why-are-students-protesting-against-it/article71116615.ece/amp/?ref=frontenddogma.com #google #amazon #politics #ethics

Inspired by @meyerweb.com's talk at @cssday.nl I played with offset-path before, but somehow missed that we can use it with border-box and padding-box, making this so incredibly easy. I need to fix up the code a bit as it's kinda messy, but you can see it here: codepen.io/editor/kevin...

CSS field-sizing is newly baseline, meaning you can make various form fields size to their contents, without needing JavaScript.

headingoffset is Not the Document Outline Algorithm | Hi, just me heading off some bad advice I’m starting to see in developer venues. adrianroselli.com/2026/06/head...

Ever struggled to get heading tags right in includes/components? headingoffset could be the answer…

The design of this new API is so elegant. It repurposes keyframe animations so that our animation can run over a *scroll range* rather than running over a duration. 🔥 Here’s an interactive widget from the post, showing the core concept:

CSS style() queries landed in Firefox 151 making them newly available across engines. Here's how they work:

"Like if shadcn and Open Props had a baby." open-props-ui.netlify.app/html/

we sanctioned the Special Rapporteur because she advocates for Palestinians. now we sanction Sumud Flotilla organizers because they are trying to feed Palestinians. not to be dramatic but i think it’s important you never forget how both parties betrayed humanity www.aljazeera.com/news/2026/5/...

the way his face changes colors as he powers through his speech

✍️ New Article: Better fluid sizing with round() I wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗 ishadeed.com/article/css-round

moving away from tailwind, and learning to structure my CSS jvns.ca/blog/2026/05...

🦖 <code>any-pointer</code> CSS media featu… 🦖 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/any-pointer The any-pointer CSS media feature tests whether the user has any pointing device (such as a mouse), and if so, how accurate it is. #webdev #CSS

This story was fact checked true ✅ by actual fucking demons from hell

I do think a lot of the pointed publicity on Microsoft's dealings in Israel came from BDS specifically, so this is legitimately a huge victory for the movement

`zoom` in CSS was so known to be unreliable for so long I don't think I ever really learned what it was supposed to do. But I think that's all fixed now and @stefanjudis.com's demo makes it super clear. Scales stuff while keeping the element in flow. www.stefanjudis.com/today-i-lear...

Parse and build query strings the easy way 🔗 URLSearchParams gives you a clean API for working with URL parameters. Get, set, append, delete, and iterate, no regex needed. Learn more 👇 developer.mozilla.org/en-US/docs/...

💡 CSS Tip! You have the code of a CSS shape and you want its cutout version? Learn how to do it with a simple code. css-tip.com/invert-shape/

Josh published a new post, and we all know what this means: lots of demos and eye candy. I'd forgotten about the ability to overwrite the SVG `d` attribute in CSS. Still on the fence about whether that's a good idea. 😅 https://www.joshwcomeau....

Do you know that you can use `image-set` to serve different background images right in CSS? Now you do and `image-set` is "widely available" since last month! 🎉 https://developer.mozill...

I know a guy whose name used to be John Shit until he went and changed it. He’s now called George Shit

Another brand new way to do responsive design. New accessibility solutions to long standing problems solved in the background. Customizable breakpoints. Customizable query aliases. Design with pixels, build with equiv breakpoint units, 1:1 fluid delivery. propjockey.breakpoint-system.com 100% CSS

Responsive images are tough and often implemented incorrectly. With sizes=auto the browser will figure things out. Chromium supports it, Firefox 150 in two weeks, Webkit in tech preview. I can't wait for this! https://developer.mozill...

📦 navigator.storage.estimate() is Widely Available! Find out how much storage your site is using and how much is available. Great for apps that cache large amounts of data. > const { usage, quota } = await navigator.storage.estimate(); Learn more 👇 developer.mozilla.org/en-US/docs/...

Someone tried to bless his house with the Holy Light, right before Orthodox Easter weekend ♥️ 🐰 🕯️

Many people with far greater knowledge than I possess have discussed accessibility overlays, but I think the more voices and inputs in the public corpus the better. Accessibility overlays are harmful and make things worse, not better. Avoid them. vale.rocks/posts/access... #Accessibility #a11y

And there it is.

nature is healing

The WHO told the world 6 years ago today that "COVID-19 is NOT airborne." This is disinformation. They have not deleted the post and have not apologized for the tens of millions of lives lost and hundreds of millions of people now with #LongCOVID because of their misguidance.

how diffie hellman key exchange works (with as little math as possible)

⎈ 𝗡𝗲𝘄 𝗔𝗿𝘁𝗶𝗰𝗹𝗲: Shadow DOM Focus Delegation: Getting delegatesFocus Right I wrote an article which discusses using 𝗱𝗲𝗹𝗲𝗴𝗮𝘁𝗲𝘀𝗙𝗼𝗰𝘂𝘀 for web components to delegate focus when user clicks on host element: frontendmasters.com/blog/shadow-... #𝗪𝗲𝗯𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 #𝗦𝗵𝗮𝗱𝗼𝘄𝗗𝗢𝗠 #𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱𝗗𝗲𝘃 #𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆

yeah i separate art from the artist. i put the harry potter books in the recycling and jk rowling in the trash.

Hold object references without preventing garbage collection 🗑️ `WeakRef` lets you reference an object while allowing it to be GC’d if nothing else holds a strong reference. Use for caches, and pair with FinalizationRegistry. Learn more 👇 developer.mozilla.org/en-US/docs/...

Vercel speedrunning being the most hated dev company. The CEO taking a selfie with one of the worst people on this planet should've been the final nail in the coffin, but alas.

Huh. If you had "require alt-text" enabled under Settings > Accessibility, check it. Because it may have been disabled. Mine was. If you didn't have "require alt-text" enabled before, consider it. It's a useful reminder to keep Bluesky accessible.

#CSS trick not enough folks know about: painting into the sub boxes of an element - border - padding - content you can paint into one, or all of them differently! here's a gradient border, a solid padding fill, and a gradient content (inner) box see fur yerself codepen.io/argyleink/pe...

Speed up rendering with content-visibility: auto ⚡ This CSS property skips rendering off-screen content until needed, giving massive performance wins on long pages. ⋅ Pairs with contain-intrinsic-size ⋅ Zero-effort lazy rendering Learn more 👇 developer.mozilla.org/en-US/docs/...

✨ New post “SVG favicons that respect theme preference” pawelgrzybek.com/svg-favicons... #frontend #html

I cannot reiterate enough with the frequency and gravity it deserves that every reinfection increases the cumulative risk of Long COVlD. Our PMC survey data (n>2,000) suggest it is rare to avoid LC after 5+ known infections. I'll talk more about that again Sunday night in Becky's Space.

Here's a little CSS-only trick to store the info of whether an element was previously focused. 👏 patrickbrosset.com/articles/202...

Meet Selection.getComposedRanges() 🆕 Unlike getRangeAt(), it returns selection ranges across Shadow DOM boundaries, essential for modern web components. Since August 2025, this feature is Baseline. Learn how it works 👇 developer.mozilla.org/en-US/docs/...

:root { --fg-color: #111; --bg-color: #ddd; color: var(--fg-color); background-color: var(--bg-color); /* This is the magic */ transition: --fg-color 400ms ease, --bg-color 400ms ease; } :root.dark { --fg-color: #ddd; --bg-color: #111; }

JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:

<link rel="icon" href="data:," /> adding this line to all my starter templates to fix those pesky 404s.