CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Quick Hit #136

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

What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More

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

Computing and Displaying Discounted Prices in CSS

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

Quick Hit #135

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

Quick Hit #134

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

Soon We Can Finally Banish JavaScript to the ShadowRealm

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

Quick Hit #133

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

Using CSS corner-shape For Folded Corners

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

Quick Hit #132

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

A Scrollytelling Gift for Mum on Mother’s Day 2026

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

Google’s Prompt API

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

Quick Hit #131

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