Card stack using scroll-driven animation w/ snapping. Just a few lines of JS, zero dependencies. Code + demo via CodePen.IO codepen.io/paulnoble/pen/…

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. w3.org/People/howcome… W3C (@[email protected]) @printcssrocks Web Design Museum PrinceXML

The stretch keyword: a better alternative to width: 100% in CSS? fullystacked.net/stretch/ (via Stefan Judis)

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. developer.chrome.com/blog/styling-d…

🔥 Remember Internet Explorer’s Page Transitions? THEY’RE BACK BABY! 👾 Demo: ie-page-transitions.netlify.app ⌨ Repo: github.com/bramus/ie-page… 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).

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 🥰

Join us for the first CSS Café meetup of the year! 🎉 Rachel Andrew will show us a new solution for the visual vs. source order disconnect in CSS: the upcoming reading-flow property! 🌐✨ meetup.com/css-cafe/event…

😍 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: drafts.csswg.org/css-values-5/#… Proposal (by Bramus):

ya'll got so excited, you excited the engineer to start prototyping! x.com/intenttoship/s…

This is going to happen tomorrow 😍 👇 meetup.com/css-cafe/event…

CSS Custom Functions are coming … and they are going to be a game changer! 👉 brm.us/css-custom-fun…

✂️ Achieve optical balance with CSS text-box-trim → goo.gle/4jcUOFX Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

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 ☕ 👇 meetup.com/css-cafe/event…

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é ☕ 👇 meetup.com/css-cafe/event…

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

curved scrollbar 👨‍🍳 powered by GSAP + CSS scroll-snap + SVG

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!)

In town for CSS Day conference 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: gath.io/KwVtysIkOWcUPP…