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
Written by: Daniel Schwarz
Following Safari and Firefox, Chrome 148 updates the container query syntax to allow for name-only container queries.
Continue reading "Quick Hit #131" at CSS-Tricks
Written by: Durgesh Rajubhai Pawar
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
Written by: Daniel Schwarz
Heerich.js is a new, tiny engine for creating 3D voxel scenes that render as SVGs and can be styled using […]
Continue reading "Quick Hit #130" at CSS-Tricks