Quick Hit #139
Chrome 150 will ship text-fit, which determines how text scales to fit on a line.
You probably want CSS-Tricks
Chrome 150 will ship text-fit, which determines how text scales to fit on a line.
Despite the countless number of online resources, it’s easy to get confused when trying to center an element. There are documented solutions, but do you really understand why the code you picked works? Let’s look at the current state of centering options today in 2026.
Continue reading "The State of CSS Centering in 2026" at CSS-Tricks
Firefox 151 makes the Document Picture-in-Picture API, which fills an always-on-top window with HTML, available to desktop Firefox, but it […]
It still hits like a ton of bricks to see the steep decline in Stack Overflow questions. What does that mean about learning in our industry?
Continue reading "Stack Overflow: When We Stop Asking" at 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