CSS-Trickz! also ready to join Digital Ocean

Chrome 150 implements the AccentColor/AccentColorText system-color keywords, making them Baseline.

I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss!

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.