The great CSS expansion. @pawellaptew tours CSS features that replace JavaScript libraries: anchor positioning for Floating UI, the Popover API and <dialog> element for Radix, scroll-driven animations for GSAP, view transitions for Motion, and customizable <select> for React Select. Together they can cut up to 322 kB of minified, gzipped JavaScript from a typical app. #css #performance

https://blog.gitbutler.com/the-great-css-expansion

Tired of wasting gigabytes of Time Machine storage to node_modules folders?

Time Machine supports setting a sticky extended attribute on folders to exclude them from backups.

It works great, and I believe NPM should support it.

I opened an NPM RFC and would love your comments on it: https://github.com/npm/rfcs/pull/857/changes

In the mean time, you can easily set the bit w/ a command like:

xattr -w com.apple.metadata:com_apple_backup_excludeItem com.apple.backupd /path/to/node_modules/

Let’s do this!

Native JSON modules are finally real. Matt Smith explains how import attributes let you load JSON files directly with import data from 'data.json' with { type: 'json' }, no bundler required. Browsers and runtimes handle JSON modules natively with explicit type declarations, eliminating build-time transformations and establishing a foundation for future structured module types. #json #js

https://allthingssmitty.com/2026/03/16/native-json-modules-are-finally-real/

Hey gang, I need your help.

For @cloudfour’s design practice to survive, we need more projects.

If you’ve ever benefited from any of the 25+ talks, 80+ code repos or 500+ articles we’ve shared for free over the past 19 years, please read and share this post: https://cloudfour.com/thinks/more-projects-please/

#GetFediHired #OpenToWork #WebDesign #UXDesign #UIDesign #ProductDesign

CSS is DOOMed: rendering DOOM in 3D with CSS. @html5test built a version of the classic game where every visual element is a div positioned in 3D space using CSS transforms, with JavaScript handling only the game logic. The project uses CSS trigonometric functions, @​property for animatable custom properties, anchor positioning for HUD, and SVG filters for spectral enemies. #css #3d

https://nielsleenheer.com/articles/2026/css-is-doomed-rendering-doom-in-3d-with-css/

The Layout Maestro, a practical CSS course on building web layouts. @shadeed9’s course teaches how to think about layout decisions, not just syntax. It covers Flexbox, Grid, container queries, and :has() through visual lessons and interactive demos, helping you build resilient layouts that don’t break when content or screen size changes. #css #learn

https://thelayoutmaestro.com

🚨 Want mixins in CSS?
Help the @csswg by telling us what feels natural to you!

Look at the code in the screenshot. What resulting widths would you find least surprising?

A: All get 100px
B: div gets 100px, div > h2 gets 200px, div + p gets 300px
C: div gets 100px, div > h2 gets 200px, div + p gets no width*
D: div and div > h2 get 100px, div + p gets no width*

* from the mixin

Poll in https://front-end.social/@leaverou/116297811172593173

Please answer based on what feels natural *to you*, it's not a quiz.