Quick Hit #137
Firefox 151 ships container style queries (finally), which enable us to query the custom properties of containers, making them Baseline.
You probably want CSS-Tricks
Firefox 151 ships container style queries (finally), which enable us to query the custom properties of containers, making them Baseline.
This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.
Continue reading "Cross-Document View Transitions: The Gotchas Nobody Mentions" at CSS-Tricks
Chrome 150 will implement <usermedia>, a dedicated button for requesting access to the camera and/or microphone.
If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you.
A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr(), mod(), and round().
Continue reading "Computing and Displaying Discounted Prices in CSS" at CSS-Tricks
Safari 26.5 updates random() in accordance with the CSS Values and Units Module Level 5 spec.
Safari 26.5 ships :open for <details>, <dialog>, <select>, and <input>, making it Baseline.
The proposed ShadowRealm API introduces a new kind of realm specifically designed for isolation, and only that.
Continue reading "Soon We Can Finally Banish JavaScript to the ShadowRealm" at 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