Sign in

CSS Café

@css.cafe
285 followers 71 following 28 posts

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

PostsRepliesMedia
Reposted by CSS Café
Brecht De Ruyte @utilitybend.com · 16/06/2026
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
0186
Reposted by CSS Café
Brecht De Ruyte @utilitybend.com · 13/06/2026
And now up to @schepp.dev showing how he created a dark/light toggle without altering html using CSS carousels. ♥️ At @css.cafe
0113
Reposted by CSS Café
Brecht De Ruyte @utilitybend.com · 13/06/2026
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 😅
1122
Reposted by CSS Café
Kevin Powell @kevinpowell.co · 04/06/2026
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 😊
2143
CSS Café @css.cafe · 02/06/2026
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.nl
CSS Day 2026, 11th & 12th of June, Amsterdam
CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.
3238
CSS Café @css.cafe · 05/03/2026
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.com
March Mad CSS
The Ultimate CSS Tournament. Brought to you by Syntax
000
Reposted by CSS Café
Ahmad Shadeed @ishadeed.com · 25/06/2025
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 😀
Latte in a brown cup with a date and a CSS Café sticker on a wooden tray.
191
CSS Café @css.cafe · 10/06/2025
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! 🙌
A breakfast buffet featuring rows of pastries and sliced cakes. The front trays display banana bread and blueberry loaf slices on floral-patterned plates. Behind them, wooden boards hold neatly arranged croissants and pain au chocolat.Nils, Nesim, and Jan (from left to right) stand smiling in front of a CSS Café banner. All three are wearing light pink shirts with a small owl graphic. The setting is a covered courtyard with checkered floor tiles and glass walls. A few other people are visible in the background.Julia stands at the front of a cozy, wood-beamed room giving a talk to an attentive audience. Behind her, a presentation slide reads: ‘But can you even do anything useful?’Johannes and Vilde are presenting in front of an audience at an indoor event. A large screen behind them displays the slide title “Ongoing Events.” The room is filled with seated attendees, viewed from the back, and has modern ceiling lights and wooden beams.
2121
Reposted by CSS Café
Chris Coyier @chriscoyier.net · 08/06/2025
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.
0552
Reposted by CSS Café
Sacha Greif @sachagreif.com · 04/06/2025
The 2025 State of CSS survey is now open! survey.devographics.com/en-US/survey...
survey.devographics.com
State of CSS 2025
Take the State of CSS survey
14740
CSS Café @css.cafe · 30/05/2025
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.io
Pre-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 ...
043
Reposted by CSS Café
Mia [data-css=poetic] @miriam.codes · 15/04/2025
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.net
Cascading Layouts
A workshop on resilient CSS layouts
73312
CSS Café @css.cafe · 03/04/2025
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.nl
Sanne sinds 1971
Sanne's digitale speeltuin.
020
CSS Café @css.cafe · 03/04/2025
This happens in less than 9 hours 👇
054
CSS Café @css.cafe · 01/04/2025
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.com
Sanne ’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
021
CSS Café @css.cafe · 20/02/2025
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.st
Color in CSS Or: How I Learned to Disrespect Tennis by Manuel Matuzovic
Everybody’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...
142
CSS Café @css.cafe · 19/02/2025
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.com
Manuel 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
073
CSS Café @css.cafe · 19/02/2025
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.com
Manuel 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
063
CSS Café @css.cafe · 06/02/2025
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.st
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, creating challenges for accessibility. While avoiding reordering has traditionally been the advice, this approach ...
1101
CSS Café @css.cafe · 05/02/2025
This is going to happen tomorrow 😍 👇 www.meetup.com/css-cafe/eve...
meetup.com
Rachel 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
0115
Reposted by CSS Café
Lea Verou, PhD @lea.verou.me · 22/01/2025
😍 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...
.accent {
  --hue: blue;
  --tint: 80;
}

button {
  --tint-darker: clamp(10, var(--tint) - 10, 90);
  background: var(ident(--color- var(--hue) "-" var(--tint, 80)));
  border: 1px solid var(ident(--color- var(--hue) "-" var(--tint-darker, 70)));
}
2143050
CSS Café @css.cafe · 22/01/2025
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...
Event announcement for the CSS Café meetup: 'A Solution for the Visual and Source Order Disconnect.' The graphic includes a chalkboard-like background with a pink CSS Café logo in the top right. The title is prominently displayed in bold white text. Event details follow: 'Feb 6th 2025 | 5 PM CET by Rachel Andrew.' A photo of a speaker (Rachel Andrew) is shown on the left, framed like a Polaroid. On the right, there is a visual representation of boxes labeled 1–4, showing a reordering process. At the bottom right, there’s an image of a cup of coffee. The theme suggests accessibility and layout discussions with a casual, café vibe.
01412