Quick Hit #148
Firefox 152 implements field-sizing, which enables form controls to fit their content even as the user types, making it Baseline.
You probably want CSS-Tricks
Firefox 152 implements field-sizing, which enables form controls to fit their content even as the user types, making it Baseline.
CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now.
Continue reading "What’s !important #13: @function, alpha(), CSS Wordle, and More" at CSS-Tricks
Why isn’t my 3D view transition working?! Sunkanmi tackles this frustration and offers an elegant fix for it.
Continue reading "Why Isn’t My 3D View Transition Working?" at CSS-Tricks
One of those nuances to keep in your back pocket when writing for screen readers.
Continue reading "There’s no need to include ‘navigation’ in your navigation labels" at CSS-Tricks
Safari TP 245 ships the :host:has() CSS compound selector.
Safari TP 245 ships the case-sensitive modifier for CSS attribute selectors.
There are many ways to create memorable experiences. Sometimes it’s as simple as a form that completes smoothly. But here I’m interested in sharing techniques I reach for when I want a site to feel alive and be remembered.
Continue reading "Creating Memorable Web Experiences: A Modern CSS Toolkit" at CSS-Tricks
Safari 27 beta ships with 58 new features that were implemented in recent releases of Safari Technology Preview.
I’ve said one and mean another, and I’ve used one when I needed another. Comparing scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my future self.
Chrome 149 becomes the first to implement CSS Gap Decorations.
We dive again into CSS Pie Charts! This time, Author Antoine Villepreux delivers semantic and flexible charts without a single line of JS.
Continue reading "Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!" at CSS-Tricks
Chrome 149 ships image-rendering: crisp-edges, making it Baseline.