CSS-Trickz! also ready to join Digital Ocean

Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform features.

We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property!

Firefox 154 (Nightly) will ship text-box, text-box-trim, and text-box-edge, making them Baseline.

Safari TP 247 becomes the first to trial calc-mix(), which returns a progress point between two values.

Chrome 150 becomes the first to ship animatable zoom, flex-wrap: balance, overscroll-behavior: chain (chaining with no overscroll), named-feature(), corner rounding […]

Chrome 150 implements comma-separated container queries as well as <image> support for light-dark(), following Firefox support.

Chrome 150 ships background-clip: border-area (supported by Safari already).

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 based 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.