CSS Café

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

Wow what a meetup!

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

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

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@ruhr.social & @mia@front-end.social, plus student CSS showcases ✨

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

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/

This happens in less than 9 hours 👇

@css__cafe@mastodon.social

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/

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:

* https://noti.st/matuzo/2iWUwT/color-in-css-or-how-i-learned-to-disrespect-tennis

Talk Videos:

* David DeSandro - Read color hex codes https://www.youtube.com/watch?v=eqZqx6lRPe0
* Better than Lab? Gamut reduction CIE Lab & OKLab - Chris Lilley https://www.youtube.com/watch?v=dOsp6u4bIwI
* Chris Lilley: Webfonts in 2019 https://www.youtube.com/watch?v=Gy1TYWJlh_E
* Problems solved by OpenType | Roel Nieskens https://www.youtube.com/watch?v=TreBK-EyACQ

Have you ever wondered why tennis is so painfully slow and boring compared to the fast-paced thrill of squash? Why tennis players just stand around between points, while squash keeps you moving? Or questioned why a giant court and long rallies make tennis feel like watching paint dry, while squash is nonstop action? 🤨🏆🔥

Then @matuzo@front-end.social has the perfect talk for you, happening tomorrow at 5PM CET / 11AM EST at our cozy café ☕ 👇

https://www.meetup.com/css-cafe/events/305756405/

Have you ever felt confused about what the difference is between a color space and a color model? What "wide gamut" means? Or wondered if Display-P3 is it a color space or a color model or maybe even both? And also LCH, OKLAB, WTF...?!? 🎨😖

Then @matuzo@front-end.social has the perfect talk for you, happening tomorrow at 5PM CET / 11AM EST at our cozy café ☕ 👇

https://www.meetup.com/css-cafe/events/305756405/

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@front-end.social's presentation had plenty of links on the slides which you can find here: https://noti.st/rachelandrew/Aj6atb/

There Rachel also mentioned this reading-flow examples page: https://chrome.dev/reading-flow-examples

And finally, @Lippe@mastodon.social tried to break the internet with this adventurous contruction: https://lpnsk.com/gtr/flexbox.html :D