Quick Hit #140
Chrome 151 will finally ship the autocorrect attribute, making it Baseline after 17 years.
You probably want CSS-Tricks
Chrome 151 will finally ship the autocorrect attribute, making it Baseline after 17 years.
This isn’t totally about AI. It’s about technical writing in the age of AI. I have some thoughts on this and I hope it’s helpful to you humans reading.
Continue reading "Technical Writing in the AI Age" at CSS-Tricks
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an unmanageable wall of selectors.
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