button {
  border-color: alpha(from hotpink / calc(alpha * .25));
}

Ep #244
Live at React Miami with Seth Webster

Robbie and I chat with Seth Webster (executive director of the React Foundation, former React lead at Meta, and chief developer evangelist at Expo) to talk the past, present, and future of React and some 🔥 hot takes.

⤷ whiskey.fm · youtube · spotify · apple

Ep #243
Keyframes, Cash and Codepens with Stephen Shaw

Robbie and I chat with Stephen about CSS animations, web components, SSR nightmares, and why building things by hand still matters in the age of AI slop.

⤷ whiskey.fm · youtube · spotify · apple

Was lucky to be on the 🎙️ Overcommitted podcast with Bethany, Brittany, and Erika.

You can now use my <color-input> as a Figma plugin:

HDR Color Picker

Was on PodRocket to chat about my post Why AI Sucks At Front End:

Watch it here or listen

Ep #242
From Wetware to Software
(presented by Warp)

🧠 wetware
🌧️ cloud leaks
🧑‍💼 agent vs agent
🥃 Whiskey & whatnot

⤷ whiskey.fm · youtube · spotify · apple

Ep #241
Axios Is Out, Fetchium Is In
(presented by Warp)

📡 Signals
🎣 Hooks
🔭 Observables
💀 Death to prop drilling
🥃 Whiskey & whatnot

⤷ whiskey.fm · youtube · spotify · apple

Here's some rad CSS that just hit baseline between October 2025 - April 2026.

At this point with the following features, the "I can't use it" vibe can shed away.

Anchor Positioning #

Anchor positioning lets you natively tether components to target elements without adjusting DOM semantics or crowding the main thread.

This widget doesn't show green across the board as of writing this, there are sub features that aren't all supported, but the general featureset is ready.

Checkout Tab's talk about anchor called Anchor Positioning at CSS Day 2025.

Checkout my post on AIM if you missed it, neat anchor technique for FLIP-like transitions with anchor.

@scope #

CSS selector scoping, not style scoping; a common misconception.

However! With @scope we can simplify naming conventions or robobarf classnames just to avoid global cascade collisions.

The "donut" feature is very special, it can limit styles from cascading into nested components by setting an end to the selector (a donut hole 🍩).

Chris gave a talk about @scope called Scope In CSS at CSS Day 2025.

Name Only Container Queries #

@container no longer requires a size condition.

You can now conditionally style elements just by name:

.sidebar {
  container-name: sidebar;
}

.card {
  display: grid;

  @container sidebar {
    grid-auto-flow: column;
  }
}

• Chrome 149
• Safari 26.4
• Firefox 148

Chris wrote a good post about it over on FrontEnd Masters.

shape() #

Responsive, native CSS geometry.

Draw complex clipping paths using standard CSS syntax and dynamic units (like rem or calc()) instead of being locked into rigid SVG pixel coordinates.

Temani wrote a rad post about it over on FrontEnd Masters and a "complex" post CSS-Tricks.

shape-outside with xywh() and rect() #

Wrap inline text around precise geometric boundaries with xywh() and rect().

Typographical control over floating text flows without relying on images or clip-paths.

• Chrome 150 (soon)
• Safari 18
• Firefox 149

Still no pretext, but also still coo.

view-transition-class and Types #

SPA-like routing animations.

With view-transition-class you can target massive collections of DOM nodes with a single animation rule, while JS View Transition Types let you programmatically direct "forward" or "backward" contextual motion.

rcap, rch, rex, ric #

Even more typographic precision.

I wrote about these here.