Written by: Durgesh Rajubhai Pawar
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
Written by: Daniel Schwarz
Chrome 150 will implement <usermedia>, a dedicated button for requesting access to the camera and/or microphone.
Continue reading "Quick Hit #136" at CSS-Tricks
Written by: Daniel Schwarz
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.
Continue reading "What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More" at CSS-Tricks
Written by: Preethi
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
Written by: Daniel Schwarz
Safari 26.5 updates random() in accordance with the CSS Values and Units Module Level 5 spec.
Continue reading "Quick Hit #135" at CSS-Tricks
Written by: Daniel Schwarz
Safari 26.5 ships :open for <details>, <dialog>, <select>, and <input>, making it Baseline.
Continue reading "Quick Hit #134" at CSS-Tricks
Written by: Mat Marquis
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
Written by: Daniel Schwarz
Chrome 148 becomes the first to ship the at-rule() function for feature queries and the loading attribute for video/audio elements.
Continue reading "Quick Hit #133" at CSS-Tricks
Written by: Daniel Schwarz
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
Written by: Daniel Schwarz
Chrome 148 implements the revert-rule keyword, but it doesn’t work in stable Safari yet.
Continue reading "Quick Hit #132" at CSS-Tricks
Written by: Lee Meyer
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
Written by: Geoff Graham
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing: As a Chrome user, you’ll have received Gemini […]
Continue reading "Google’s Prompt API" at CSS-Tricks