Skip to content
// writing

Posts tagged #web-apis — Page 2

A mix of technical deep-dives, career reflections, and dispatches from the road.

revalidateTag vs updateTag: Next.js Split Cache Invalidation in Two thumbnail
developmentAug 16, 2026· 3 min
revalidateTag vs updateTag: Next.js Split Cache Invalidation in Two
Next.js 16 gave cache invalidation two different functions instead of one, and the split maps to a real distinction: content that can lag versus content the…
read more →
Trusted Types Is Baseline: DOM XSS Is Now a Type Error thumbnail
developmentAug 10, 2026· 3 min
Trusted Types Is Baseline: DOM XSS Is Now a Type Error
Firefox 148 shipped Trusted Types in February 2026, making it Baseline. Here's how to turn every dangerous innerHTML assignment in your app into a TypeError…
read more →
The Long Animation Frames API: Find What Actually Broke Your INP thumbnail
developmentAug 9, 2026· 3 min
The Long Animation Frames API: Find What Actually Broke Your INP
Your field data says INP is 400ms. Your local profile says everything is fine. The Long Animation Frames API closes that gap by naming the script, the…
read more →
CSS contrast-color(): Let the Browser Pick Your Text Color thumbnail
developmentAug 3, 2026· 3 min
CSS contrast-color(): Let the Browser Pick Your Text Color
The contrast-color() function went Baseline in April 2026 and kills the luminance-math helper every design system eventually writes.
read more →
The Sanitizer API: Safe HTML Injection Without DOMPurify thumbnail
developmentAug 2, 2026· 3 min
The Sanitizer API: Safe HTML Injection Without DOMPurify
The browser can now strip XSS from an HTML string during parsing. Here's how setHTML works, why its config can only narrow the allowlist, and how to ship it…
read more →
CSS sibling-index() and sibling-count(): Native Staggering Without nth-child Hacks thumbnail
developmentJul 27, 2026· 3 min
CSS sibling-index() and sibling-count(): Native Staggering Without nth-child Hacks
CSS sibling-index() and sibling-count() turn an element's position into a number you can drop into calc(), replacing walls of nth-child rules and inline…
read more →
Animate to height: auto in CSS with interpolate-size and calc-size() thumbnail
developmentJul 26, 2026· 3 min
Animate to height: auto in CSS with interpolate-size and calc-size()
Transitioning an element to height: auto used to mean JavaScript measurements or fragile max-height hacks.
read more →
JavaScript Iterator Helpers: Stop Converting to Arrays First thumbnail
developmentJul 23, 2026· 3 min
JavaScript Iterator Helpers: Stop Converting to Arrays First
Iterator helpers bring map, filter, take, and drop to any iterator without spreading into an array first.
read more →
CSS :has() in Practice: The Parent Selector You Can Finally Ship thumbnail
developmentJul 20, 2026· 3 min
CSS :has() in Practice: The Parent Selector You Can Finally Ship
The :has() selector is Baseline and fast in 2026. Here's how to use it for parent styling, sibling reactions, and quantity queries without reaching for…
read more →
// the newsletter
Don't miss the next one