What we really wanted was a gradual transition: As the font-size increases, the letter-spacing decreases. And ideally, that would happen everywhere by default. Thankfully, modern CSS was up to the challenge. And it only took one rule to pull off!

Building the grid and placing the sessions using subgrid, mod(), and round() to map times to grid lines. Adding visual hour indicators and handling horizontal overflow. Sticky session headlines with scroll-driven animations, making the stage headers follow the scroll position.

How the cascade, the animation-fill-mode, and implicit keyframes make things a bit more complicated then you’d initially think…

Learn how to implement blazing-fast code syntax highlighting using the CSS Custom Highlight API without creating DOM nodes for each token.

A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences.