996: 10 New CSS and HTML APIs

In this episode of Syntax, Scott Talinsky and Wes Bos dive into a wave of exciting new CSS and HTML APIs that are reshaping the web development landscape. From the long-awaited CSS Grid Lanes API—offering native masonry layouts without the workarounds—to the revolutionary HTML-in-Canvas API, which allows developers to embed live HTML elements inside canvas elements and apply real-time visual effects like pixelation, magnification, and frosted glass, the episode highlights transformative tools for next-gen UIs. Other notable additions include name-only container queries for cleaner scoped CSS, CSS random for true in-CSS randomness, search text pseudo-selectors for styled browser search highlighting, and enhanced sticky positioning that works in both scroll directions. The hosts express enthusiasm for these quality-of-life improvements, especially those that solve long-standing pain points in layout, accessibility, and animation, while also acknowledging that some features remain experimental or browser-specific. The episode also touches on subtle but impactful updates like multi-column fixes, border-shape for complex border effects, and element-scoped view transitions for granular animation control. Despite some frustrations with Safari's haptic feedback restrictions and under-documented APIs, the hosts remain optimistic about the web's evolution. They emphasize that even niche features serve real-world use cases in publishing, gaming, and complex UIs. The episode ends with a call to action for developers to explore these tools, experiment with the new capabilities, and share their creative implementations—especially around the game-changing HTML-in-Canvas API.