Quick Hit #133
Chrome 148 becomes the first to ship the at-rule() function for feature queries and the loading attribute for video/audio elements.
You probably want CSS-Tricks
Chrome 148 becomes the first to ship the at-rule() function for feature queries and the loading attribute for video/audio elements.
I came across Kitty Giraudel’s folded corners technique. I’ve been on a bit of a corner-shape kick lately, so I figured that corner-shape could be used to create folded corners as well.
Continue reading "Using CSS corner-shape For Folded Corners" at CSS-Tricks
Chrome 148 implements the revert-rule keyword, but it doesn’t work in stable Safari yet.
I will explain how my mum inspired this 2026 Mother’s Day scrollytelling experiment — but also, how she inspired my approach to dev and life.
Continue reading "A Scrollytelling Gift for Mum on Mother’s Day 2026" at CSS-Tricks
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing: As a Chrome user, you’ll have received Gemini […]
Following Safari and Firefox, Chrome 148 updates the container query syntax to allow for name-only container queries.
Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here’s how to do it with CSS Grid.
Continue reading "Making Zigzag CSS Layouts With a Grid + Transform Trick" at CSS-Tricks
Heerich.js is a new, tiny engine for creating 3D voxel scenes that render as SVGs and can be styled using […]
Getting a multi-column of cards to line up equally is is a headache we’ve all faced, and it gets even harder when working with fixed heights.
Continue reading "Fixed-Height Cards: More Fragile Than They Look" at CSS-Tricks
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing image sources using the content property, and more. This is What’s !important #10.
We’re getting new functions for generating random numbers in CSS! But the road to get here has been a long and winding one.
Continue reading "The Importance of Native Randomness in CSS" at CSS-Tricks
Firefox 150 shipped ariaNotify(), an alternative to ARIA live regions, but it lacks Safari support and is unreliable on macOS.