CSS Café

@css__cafe
556 Followers
142 Following
148 Posts
Regular online-only event, free to attend, with talks on various topics around CSS. Organized by @nilsbinder & @Schepp | Recordings & Info: https://css.cafe
Websitehttps://css.cafe
Meetup.comhttps://www.meetup.com/css-cafe/
Twitterhttps://twitter.com/CSS__Cafe
YouTubehttps://www.youtube.com/playlist?app=desktop&list=PLIfpjYCKV3lVpwHYCExIUAl9tWB3UzcG6
CSS CaféMar 5

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.

Lots of clever layout hacks, selector wizardry, and the occasional “wait, CSS can do that?!”.

https://madcss.com

March Mad CSS

The Ultimate CSS Tournament. Brought to you by Syntax

CSS CaféJan 13
CSS DayJan 12

CSS Day, 11th and 12th of June announced @brucelawson and @anarodrigues as their 2026 MCs.

https://cssday.nl

Ticket sales will open later this month. We'll announce the early-bird tickets on our mailing list first. Subscribe to be notified ASAP!

https://cssday.nl/subscribe

CSS Day 2026, 11th & 12th of June, Amsterdam

CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

CSS CaféJun 10, 2025

Wow what a meetup!

Huge thanks to everyone who joined our in-person gathering right after #CSSDay. Special shoutout to @julia_miocene, @johannes, and Vilde for the fantastic talks.

We had such a great time and hope to see you all again next year!

CSS CaféMay 30, 2025

In town for CSS Day on June 5–6?

Join the Pre-CSS Day Afternoon Event on June 4 at 16:00 — hosted by CMD Amsterdam 🇳🇱

Talks by @nilsbinder & @mia, plus student CSS showcases ✨

🎟 Free RSVP: https://gath.io/KwVtysIkOWcUPPpSUO58z

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 are in Amsterdam already, to all students and

CSS CaféApr 3, 2025

These were the links that flew by during today's meetup:

* sinds1971.nl
* https://sinds1971.nl/csscafe/ (Sanne's demos)
* https://codepen.io/collection/rBVWNY
* https://www.youtube.com/watch?v=6-258RYZg0o&list=PLIfpjYCKV3lVpwHYCExIUAl9tWB3UzcG6&index=2
* https://opencollective.com/oddbird-open-source
* https://weloveweb.fdnd.nl/

Sanne at CSS café

CSS CaféApr 3, 2025

This happens in less than 9 hours 👇

https://mastodon.social/@css__cafe/114262180382645192

CSS CaféApr 2, 2025
VasilisApr 2, 2025

The web needs independent contributors like @mia. That’s why I sent some money to this CSS Logical Shorthands page.

☞ https://opencollective.com/oddbird-open-source/contribute/css-logical-shorthands-86141

Please standardise `far-right-block-end: right-now;`

OddBird Open Source - CSS Logical Shorthands - Open Collective

Flow-relative properties are still missing shorthands, but we can fix that!

CSS CaféApr 1, 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!

👉 https://www.meetup.com/css-cafe/events/306788452/

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

Meetup
CSS CaféMar 30, 2025
Jen SimmonsMar 28, 2025

Are you excited for masonry layouts in CSS? Wondering what’s happening?

Well, a third option is emerging. One that unifies the `flex-flow` and `grid-auto-flow` properties into a whole new mechanism — Item Flow.

Learn what it is, and what it means for Flexbox and Grid in https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/

Item Flow, Part 1: A new unified concept for layout

CSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want.

WebKit
Show threadCSS CaféFeb 20, 2025

Further Reading Material from Manuel:

* High definition CSS color guide https://developer.chrome.com/docs/css-ui/high-definition-css-color-guide#what-is-a-color-space
* Accessible Palette: stop using HSL for color systems https://www.wildbit.com/blog/accessible-palette-stop-using-hsl-for-color-systems
* Björn Ottosson - A perceptual color space for image processing https://bottosson.github.io/posts/oklab/

High definition CSS color guide  |  CSS and UI  |  Chrome for Developers

CSS Color 4 brings wide gamut color tools and capabilities to the web.

Chrome for Developers