CSS Café meets CSS Day: an in-Person Pop-Up Event!
Details
+++ CSS Café meets CSS Day: an in-Person Pop-Up Event! +++
It's that time of year again—time for CSS Day, our beloved in-person CSS conference! 🤗
We're excited to invite you to the fifth annual in-person CSS Café Meetup! Join us the day after the conference to dive even deeper into the world of CSS with fellow enthusiasts and experts.
As always, we'll stay true to our name with plenty of delicious coffee ☕, soft drinks 🧉, breakfast, snacks and pastries 🍪. Enjoy a mix of impromptu (lightning) talks, informal presentations, and engaging discussions about our favorite web language. Don’t miss this chance to connect, share, and learn in a relaxed, friendly atmosphere! ✨
---
Our presenters, so far (talk details further down):
- Bramus Van Damme: Anchors aweigh! Tethering Elements in Pure CSS with Anchor Positioning.
- Marco-Christian Krenn: Colors aren't values, they're relationships.
- Brecht De Ruyte: Enhanced Range Slider, a multi-thumb range input
- Christian Schaefer: Turning a CSS Carousel into a Theme Switcher
Got ideas for what you’d like to present? Hit us up! It could be a full-blown talk, a demo, a focus on a specific CSS feature, an architectural approach, a clever hack, or even your wishlist for browser CSS devtools. You can reach us via:
---
Bramus Van Damme: Anchors aweigh! Tethering Elements in Pure CSS with Anchor Positioning.
We've all been there. You need a popover to attach to a button, but they aren't parent/child. You end up reaching for JavaScript, calculating coordinates, and wrestling with viewport edges. CSS Anchor Positioning is a recent API designed to solve exactly this. This talk is a practical, down-to-earth look at how it works. We'll explore the anchor() function, the position-anchor and position-area properties, and `@position-fallback` to build UIs that are truly context-aware and robust, all without the JS hacks.
Marco-Christian Krenn: Colors aren't values, they're relationships.
A surface should know what it's sitting on and carry its own contrast-correct foreground — so "what gray is readable on this card on that banner in dark mode?" stops being a question you answer by hand. Container Style Queries make that propagation pure CSS; a contrast-derived "on object" makes every surface self-sufficient.
Brecht De Ruyte: Enhanced Range Slider, a multi-thumb range input
Ever wanted a range slider with more than one thumb? So has Brecht. In this session, he'll present his proof of concept for a native multi-thumb range slider and the proposed `` element, exploring how the web platform could make range pickers, price filters, opening-hours editors, budget allocators, and similar interfaces much easier to build. Brecht will walk us through the challenges of today's custom implementations, the accessibility benefits of a native solution, and the possibilities unlocked when a slider can have two, three, or even more thumbs.
Christian Schaefer: Turning a CSS Carousel into a Theme Switcher
Modern CSS has quietly become capable of managing interaction and state, without touching HTML or JavaScript. In this talk, I’ll show how I turned scroll markers, scroll-driven animations and style queries into a fully functional theme switcher. Along the way, we’ll misuse the `` element, fail with :has(), and explore how far CSS can be pushed before things get weird (or wonderful).
---
Huge thanks go out to PPK & team from CSS Day and to our incredibly generous sponsor 9elements for making this event possible! 🙏🏻♥