CSS Café

Regular online event, free to attend, w/ talks on various topics around CSS. Organized by @derSchepp & @supremebeing09. @[email protected]

[Engineering Kiosk - Podcast, Meetups + Community @EngKiosk]

CSS as a state machine? NO WAY! Well, actually...

🎤 CSS State Machine — Brecht De Ruyte

From :has() to container queries and scroll-driven animations — CSS can now manage and react to state in ways that used to require JS.

April 29th in Düsseldorf 👇
https://t.co/YTfs0cn4qU

[CSS Café @CSS__Cafe]

In town for @CSSDayConf on June 5–6?

Join the Pre-CSS Day Afternoon Event on June 4 at 16:00 — hosted by CMD Amsterdam 🇳🇱
Talks by Nils Binder & Miriam Suzanne, plus student CSS showcases ✨

🎟 Free RSVP: https://t.co/7MeCmIQCbY

[Una 🇺🇦 @Una]

Introducing 🤯 flex-wrap: balance 🤯

Would you use this?

⚠️ Not a "real" feature yet, just something one of our engineers has been working on.

(You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)

[jhey ʕ•ᴥ•ʔ @jh3yy]

curved scrollbar 👨‍🍳

powered by GSAP + CSS scroll-snap + SVG

[CSS Café @CSS__Cafe]

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

* https://t.co/fQBIHq2ONd
* https://t.co/k5KMDmywO8 (Sanne's demos)
* https://t.co/xMLEkBA3ji
* https://t.co/K2Ak4X2gMC
* https://t.co/LrNovr11rh
* https://t.co/W6HNk9EoBU

[CSS Café @CSS__Cafe]

Ever wondered why tennis drags while squash is nonstop action? Or why tennis feels like watching paint dry? 🤨🏆🔥

Then Manuel has the perfect talk for you, happening tomorrow at 5PM CET / 11AM EST at our cozy café ☕ 👇

https://t.co/FIUav2UwkN

[CSS Café @CSS__Cafe]

Ever wondered what a color space is & what a color model? What wide gamut means? If P3 is a color space, a color model, or maybe even both? Also LCH, OKLAB, WTF...?!😖

Then we have the perfect talk for you, happening tomorrow @ 5PM CET / 11AM EST ☕ 👇

https://t.co/FIUav2UwkN

[Chrome for Developers @ChromiumDev]

✂️ Achieve optical balance with CSS text-box-trim → https://t.co/RMkcIaEXw8

Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

[Bramus @bramus]

CSS Custom Functions are coming … and they are going to be a game changer!

👉 https://t.co/h8YGCzbuNJ

[CSS Café @CSS__Cafe]

There Rachel also mentioned this reading-flow examples page: https://t.co/kWLGm05h17

And finally, Lippe tried to break the internet with this adventurous contruction: https://t.co/4OFXbHiUAB :D

[CSS Café @CSS__Cafe]

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's presentation had plenty of links on the slides which you can find here: https://t.co/SZmgkH4Blt

[CSS Café @CSS__Cafe]

This is going to happen tomorrow 😍 👇

https://t.co/EWMkE2BLNH

[Adam Argyle @argyleink]

ya'll got so excited, you excited the engineer to start prototyping!

https://t.co/ThtDRGB305

[Lea Verou, PhD @LeaVerou]

😍 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 variable names from other variables, making code like this possible: 😍

Spec: https://t.co/yPzoRQkEgL
Proposal (by @bramus): https://t.co/L0LcD6h7gH

[CSS Café @CSS__Cafe]

Join us for the first CSS Café meetup of the year! 🎉

@rachelandrew will show us a new solution for the visual vs. source order disconnect in CSS: the upcoming reading-flow property! 🌐✨

https://t.co/EWMkE2CjDf

[Una 🇺🇦 @Una]

Dang I'm excited about new semantic attr() capabilities in CSS!

I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it.

Advanced attr() is rolling out in Chrome 133 starting next week 🥰

https://t.co/akDXDaDygm

[Bramus @bramus]

🔥 Remember Internet Explorer’s Page Transitions? THEY’RE BACK BABY!

👾 Demo: https://t.co/N5R4PM9qki
⌨ Repo: https://t.co/52tYiM2571

To configure these, use the meta tags from the olden days + load up the library.

Works in IE 5.5–7.0, Chrome 126+, and Safari 18.2 (buggy).

[Bramus @bramus]

As of Chrome 131 you have more options to style `<details>` and `<summary>`.

You can now use of the `display` property on these elements, and also use a `::details-content` pseudo-element to style the part that expands and collapses.

https://t.co/PCTwbUpOxB

[CSS Café @CSS__Cafe]

The stretch keyword: a better alternative to width: 100% in CSS?

https://t.co/6MOpERPDF3

(via @stefanjudis)

[Håkon Wium Lie @wiumlie]

30 years ago, on Oct 10 1994, I first proposed CSS. It's been an adventure to see CSS as a baby, teenager, and aspiring professional. Sometimes misbehaved, but mostly a source of joy and excitement.
https://t.co/odzA764xY9
@w3c @printcssrocks @WebDesignMuseum @prince_xml