CSS Café

CSS Café

@css.cafe

Regular online-only event, free to attend, with talks on various topics around CSS. Organized by @ichimnetz.com & @schepp.dev | Recordings & Info: https://css.cafe

286 followers 71 following28 posts

CSS Café reposted

Brecht De Ruyte

@utilitybend.com

Based on the feedback at @css.cafe I opened a few issues to discuss at open UI on the enhanced range inputs. I also tried to make some new examples with waves and circles. 😅 brechtdr.github.io/enhanced-ran...

brechtdr.github.io<rangegroup> proposal — Open UI

CSS Café reposted

Brecht De Ruyte

@utilitybend.com

And now up to @schepp.dev showing how he created a dark/light toggle without altering html using CSS carousels. ♥️ At @css.cafe

CSS Café reposted

Brecht De Ruyte

@utilitybend.com

Back home after a fantastic few days of @cssday.nl and @css.cafe. I once again forgot to take selfies with people. There are probably some images flying around. I'm such an idiot. 😂 But wow, I had fun. I learned, I socialized and I have Inspiration for months to come. First a bit of sleep tho 😅

CSS Café reposted

@kevinpowell.co

If you're in/around Amsterdam but can't make it to CSS Day, I also plan to be at the @css.cafe event that takes place the day after if you want to get a chance to hang out a bit 😊

CSS Café@css.cafe

Also, feel invited to come wind down over here in Saturday: meetu.ps/e/PQgWr/3C5m...

meetu.psCSS Café meets CSS Day: an in-Person Pop-Up Event!, Sat, Jun 13, 2026, 10:30 AM | Meetup**+++ CSS Café meets CSS Day: an in-Person Pop-Up Event! +++** It's that time of year again—time for [CSS Day](https://cssday.nl/2024), our beloved in-person CSS conferenc

Our favourite conference of the year is back: CSS Day ✨ CSS legends, browser engineers, and web platform experts sharing talks on modern CSS, accessibility, design systems, browser internals, and much more. cssday.nl See you next week in Amsterdam? ☕️

cssday.nlCSS Day 2026, 11th & 12th of June, AmsterdamCSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

If you enjoy seeing how far people can push CSS, this is pretty entertaining: March MadCSS is a tournament where frontend folks recreate UI designs using only HTML + CSS - 15 minutes per round, single elimination. madcss.com

madcss.comMarch Mad CSSThe Ultimate CSS Tournament. Brought to you by Syntax

CSS Café reposted

I usually put stickers on my laptop, but since it’s almost full, I placed this one from @css.cafe on my coffee tray instead 😀

Wow – what a meetup! Huge thanks to everyone who joined our in-person gathering right after #CSSDay. Special shoutout to @miocene.io, Johannes, and Vilde for the fantastic talks. We had such a great time and hope to see you all again next year! 🙌

CSS Café reposted

@chriscoyier.net

I saw @miocene.io give a talk (at @css.cafe‬) about building polished practical UI, like transitions on buttons/icons in serious business-y apps. But wait—isn't she known for CSS art, creating sculptures and paintings with a bunch of divs? Huh. It's almost like CSS skills are broadly applicable.

CSS Café reposted

@sachagreif.com

The 2025 State of CSS survey is now open! survey.devographics.com/en-US/survey...

survey.devographics.comState of CSS 2025Take the State of CSS survey

In town for @cssday.nl on June 5–6? Join the Pre-CSS Day Afternoon Event on June 4 at 16:00 — hosted by CMD Amsterdam 🇳🇱 Talks by @ichimnetz.com & @miriam.codes, plus student CSS showcases ✨ 🎟 Free RSVP: gath.io/KwVtysIkOWcU...

gath.ioPre-CSS Day afternoon event · Gathio<b>About the presentation:</b><br> On Wednesday June 4 we organize the one and only unofficial pre-CSS Day Afternoon Event. This event is open to everyone. To all visitors and speakers of CSS Day who ...

CSS Café reposted

Mia [data-css=poetic]

We're giving away a free ticket to the CSS Layout Workshop. To be entered in the drawing, comment below with… - A question you have about CSS layout - Or a fun demo, trick, or snippet of CSS The winner will be announced on Friday, April 18! #css www.oddbird.net/workshops/ca...

oddbird.netCascading LayoutsA workshop on resilient CSS layouts

These were the links that flew by during today's meetup: * sinds1971.nl * sinds1971.nl/csscafe/ (Sanne's demos) * codepen.io/collection/r... * www.youtube.com/watch?v=6-25... * opencollective.com/oddbird-open... * weloveweb.fdnd.nl

sinds1971.nlSanne sinds 1971Sanne's digitale speeltuin.

This happens in less than 9 hours 👇

CSS Café@css.cafe

Join us in 2 days for a dive into side projects that push the limits of what CSS can do — both useless and surprisingly useful. Sanne `t Hooft will demo the new CSS anchor positioning feature 🎁 — live coding, quirks, and insights included! 👉 www.meetup.com/css-cafe/eve...

meetup.comSanne ’t Hooft - Experimenting with CSS anchor positioning, Thu, Apr 3, 2025, 5:00 PM | Meetup+++ Experimenting with CSS anchor positioning +++ by Sanne \`t Hooft +++ Yet another new CSS kid in town—anchor positioning. Connect popovers to buttons in a snap. But the

Join us in 2 days for a dive into side projects that push the limits of what CSS can do — both useless and surprisingly useful. Sanne `t Hooft will demo the new CSS anchor positioning feature 🎁 — live coding, quirks, and insights included! 👉 www.meetup.com/css-cafe/eve...

meetup.comSanne ’t Hooft - Experimenting with CSS anchor positioning, Thu, Apr 3, 2025, 5:00 PM | Meetup+++ Experimenting with CSS anchor positioning +++ by Sanne \`t Hooft +++ Yet another new CSS kid in town—anchor positioning. Connect popovers to buttons in a snap. But the

Whew, what a ride! 🤯 😅 🚀 🎨 We had plenty of links circulating during @matuzo@front-end.social's talk today - and he sent us a few more reading tips. Here they are: Slides: * noti.st/matuzo/2iWUw...

noti.stColor in CSS Or: How I Learned to Disrespect Tennis by Manuel MatuzovicEverybody’s talking about container queries, nesting, scroll-driven animation, and view transitions. In all the excitement for these new modules, one topic is a bit overlooked: color in CSS. Manuel Ma...

View full thread

Color & (Color) Font Tools: * hexcodle.com * oklch.com * lightningcss.dev/transpilatio... * developer.mozilla.org/en-US/docs/W... * wakamaifondue.com * gradient.style * git.apcacontrast.com/documentatio...

hexcodle.comHexcodle - The Daily Hexcode Guessing Game!Can you guess today's hexcode color? Challenge your color instincts and decode the hexcode with Hexcodle! Inspired by Wordle, but for color enthusiasts.

Further Reading Material from Manuel: * High definition CSS color guide developer.chrome.com/docs/css-ui/... * Accessible Palette: stop using HSL for color systems www.wildbit.com/blog/accessi... * Björn Ottosson - A perceptual color space for image processing bottosson.github.io/posts/oklab/

developer.chrome.comHigh definition CSS color guide | CSS and UI | Chrome for DevelopersCSS Color 4 brings wide gamut color tools and capabilities to the web.

Whew, what a ride! 🤯 😅 🚀 🎨 We had plenty of links circulating during @matuzo@front-end.social's talk today - and he sent us a few more reading tips. Here they are: Slides: * noti.st/matuzo/2iWUw...

noti.stColor in CSS Or: How I Learned to Disrespect Tennis by Manuel MatuzovicEverybody’s talking about container queries, nesting, scroll-driven animation, and view transitions. In all the excitement for these new modules, one topic is a bit overlooked: color in CSS. Manuel Ma...

View full thread

Scientific books / resources about colors and color spaces: * Interaction of Color interactionofcolor.com * Okay Color Spaces ericportis.com/posts/2024/o... * Universal Principles of Color muster-schmidt.com/products/uni...

interactionofcolor.comInteraction of ColorAn interactive edition of one of the most influential books on color ever written offers users an entirely new way to experience Josef Albers’s masterwork

* Science of Color Design m3.material.io/blog/science... * OKLCH in CSS: why we moved from RGB and HSL evilmartians.com/chronicles/o...

m3.material.ioThe science of color & design - Material Design 3How Material used color science to make design easier and more expressive than ever before.

Whew, what a ride! 🤯 😅 🚀 🎨 We had plenty of links circulating during @matuzo@front-end.social's talk today - and he sent us a few more reading tips. Here they are: Slides: * noti.st/matuzo/2iWUw...

noti.stColor in CSS Or: How I Learned to Disrespect Tennis by Manuel MatuzovicEverybody’s talking about container queries, nesting, scroll-driven animation, and view transitions. In all the excitement for these new modules, one topic is a bit overlooked: color in CSS. Manuel Ma...

Talk Videos: * Read color hex codes www.youtube.com/watch?v=eqZq... * Better than Lab? Gamut reduction CIE Lab & OKLab www.youtube.com/watch?v=dOsp... * Webfonts in 2019 www.youtube.com/watch?v=Gy1T... * Problems solved by OpenType www.youtube.com/watch?v=TreB...

youtube.comdotCSS 2018 - David DeSandro - Read color hex codesYouTube video by dotconferences

Ever wondered why tennis drags while squash is nonstop action? Or why tennis feels like watching paint dry? 🤨🏆🔥 Then @matuzo.at has the perfect talk for you, happening tomorrow at 5PM CET / 11AM EST at our cozy café ☕ 👇 www.meetup.com/css-cafe/eve...

meetup.comManuel Matuzović - Color in CSS Or How I Learned to Disrespect Tennis, Thu, Feb 20, 2025, 5:00 PM | Meetup+++ Color in CSS Or How I Learned to Disrespect Tennis +++ by Manuel Matuzović +++ Everybody’s talking about container queries, nesting, scroll-driven animation, and view

Ever wondered what a color space is & what a color model? What wide gamut means? If Display-P3 is a color space, a color model, or maybe even both? Also LCH, OKLAB, WTF...?!😖 Then @matuzo.at has the perfect talk for you, happening tomorrow at 5PM CET / 11AM EST ☕ 👇 www.meetup.com/css-cafe/eve...

meetup.comManuel Matuzović - Color in CSS Or How I Learned to Disrespect Tennis, Thu, Feb 20, 2025, 5:00 PM | Meetup+++ Color in CSS Or How I Learned to Disrespect Tennis +++ by Manuel Matuzović +++ Everybody’s talking about container queries, nesting, scroll-driven animation, and view

Thank you folks for attending today's meetup. It was wonderful to be back at it! We didn't circulate too many links this time in the chat, but @rachelandrew.bsky.social's presentation had plenty of links on the slides which you can find here: noti.st/rachelandrew...

noti.stA solution for the visual and source order disconnect by Rachel AndrewUsing grid layout to position items can sometimes result in a disconnected tab order, creating challenges for accessibility. While avoiding reordering has traditionally been the advice, this approach ...

There Rachel also mentioned this reading-flow examples page: chrome.dev/reading-flow... And finally, Lippe tried to break the internet with this adventurous contruction: lpnsk.com/gtr/flexbox.... :D

chrome.devreading-flow examples

This is going to happen tomorrow 😍 👇 www.meetup.com/css-cafe/eve...

meetup.comRachel Andrew - A solution for the visual and source order disconnect, Thu, Feb 6, 2025, 5:00 PM | Meetup+++ A solution for the visual and source order disconnect +++ by Rachel Andrew +++ Using grid layout to position items can sometimes result in a disconnected tab order, cr

CSS Café reposted

😍 PSA: ident() is an upcoming CSS feature I’m incredibly excited about and you're about to be too. It will allow you to compose CSS variables from other variables, making code like this possible. 😍 Spec: drafts.csswg.org/css-values-5... Proposal (by @bram.us ): github.com/w3c/csswg-dr...

Join us for the first CSS Café meetup of the year! 🎉 @rachelandrew.bsky.social will show us a new solution for the visual vs. source order disconnect in CSS: the upcoming reading-flow property! 🌐✨ www.meetup.com/css-cafe/eve...

You are up to date.