Quick Hit #153
Firefox 154 (Nightly) ships progress(), advanced attr(), and a UI for <input type=”time”> and <input type=”datetime-local”>.
You probably want CSS-Tricks
Firefox 154 (Nightly) ships progress(), advanced attr(), and a UI for <input type=”time”> and <input type=”datetime-local”>.
Chrome 150 (Beta) and Firefox 154 (Nightly) trial the alpha() relative color CSS function.
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had […]
Continue reading "Using Scroll-Driven Animations for Opposing Scroll Directions" at CSS-Tricks
Safari TP 246 becomes the first to trial the alpha() relative color CSS function.
Let’s poke at the differences between scroll-driven and scroll-triggered animations.
Continue reading "A First Look at Scroll-Triggered Animations" at CSS-Tricks
Safari TP 246 trials scroll-state queries and word-break: auto-phrase (lacks Firefox support).
Safari TP 246 adds support for <image> values in light-dark() and three or more values in color-mix() (lacks Chrome support).
There’s a brand new ariaNotify() method — defined by the WAI-ARIA 1.3 Specification — that provides a means of programmatically triggering narration in a screen reader.
Continue reading "The Siren Song of ariaNotify()" at CSS-Tricks
Props for That creates live props based things CSS can’t normally see in the browser. Things like cursor position, progress values, certain form states, current time, scroll velocity.
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