CSS-Trickz! also ready to join Digital Ocean

CSS has always had pseudo-classes that style things when baed on user interactions. Recent features, however, are blurring the line between what CSS “listens” for and how they are alternatives to what Javascript typically listens for.

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 […]

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.

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.

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.