Writing

Notes on new web platform APIs, UI experiments, and the details that make software feel right.

Latest · Mar 23, 2026

View Transitions — Interactive Demo

Nested routes with 5 distinct transitions: slide, blur, zoom, morph, and custom easing

WebMCP — Browser-Native AI Agent Tools

Chrome 146 ships navigator.modelContext, letting websites expose structured tools directly to AI agents

TypeRewrite

A macOS utility for AI-powered text rewriting anywhere with a floating editor

Chat Action Bar

Shadcn-based action bar with AI assist, quick replies, attachments, and tools.

CSS Carousels

Build accessible carousels with scroll-marker and scroll-button

Interest Invoker API

Declarative hover cards and tooltips without JavaScript

Scoped View Transitions

Run view transitions on DOM subtrees instead of the whole document

CSS Scroll State Queries

Query stuck, snapped, and scrollable states directly from CSS

CSS Corner Shapes

Interactive demo of the experimental corner-shape property

Simplifying Dark Mode with light-dark()

A game-changer for theming with a single CSS function

Dynamic Colors with Relative Color Syntax

Modify colors directly in CSS with relative syntax

Stable Layouts with scrollbar-gutter

Prevent layout shifts when scrollbars appear

Progressive Blur Header Effect

Creating elegant header transitions with CSS and Tailwind