We are getting spoiled with increased UI capabilities, partially thanks to the efforts from the W3C community group Open UI. One of those features is the customizable select. This new capability for selects seems to love new CSS features, and that love is mutual.

This presentation is a love letter to W3C community groups, new UI capabilities, and CSS, showing you how to combine features such as anchoring, transitioning, scroll snapping, and much more to create fun, progressively enhanced, customized select elements.

Preferred duration is around the 45 minute mark. Target audience is front-end developers who want to learn about new HTML and CSS capabilities and want to get inspired by many things coming together.

This covers CSS techniques: anchor position, scroll snap, scroll-markers, :has() and a lot more modern ideas. Some solid CSS foundation is required.