A “magnetic” hover for a bento grid, almost entirely in CSS
An indicator that glides from one cell to the next, thanks to anchor-name, position-anchor and anchor().
Development
The web, frameworks and tools for people who build software.
A popover menu that morphs from its anchor, with no guessing in JavaScript
When the browser flips a menu to keep it on screen, CSS can now tell which fallback is active, and grow the content from the corner nearest the button.
Draw real HTML into a canvas, then drop the whole page under water
HTML-in-Canvas lets a canvas draw live HTML elements. Forms still take typing and buttons still take clicks, while their pixels bend however you like.
Keep a chat box scrolled to the bottom without a single line of scroll code
Two CSS rules with overflow-anchor and a 1px “pin” element.
light-dark() now takes images, not just colours
One line of CSS swaps a day background for a night one, with no media query and no JavaScript.