Regular online event, free to attend, w/ talks on various topics around CSS. Organized by @derSchepp & @supremebeing09. @css__cafe@mastodon.social
Online
Joined April 2020
- Tweets658
- Following7
- Followers2.2K
- Likes248
CSS Café retweeted
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 👇
meetup.com/engineering-kiosk…
ALT Poster for the Engineering Kiosk Rhine-Ruhr Meetup on Wednesday, April 29th, 2026. It features three speaker portraits: Brecht De Ruyte at the top, and Alaa Reuschenbach and Lucas Dohmen below. The talks are titled “CSS State Machine” and “Performance over Perfection.” The event is sponsored by SIA Consulting, whose logo appears at the bottom right.
CSS Café retweeted
curved scrollbar 👨🍳
powered by GSAP + CSS scroll-snap + SVG
📬 The monthly GSAP Spotlight has made it's way into your inbox!
Featuring our Site of the Month - Cash App by @quentinhocde and @indexstd
& a recap of March's best work from the creative dev community.
Read it online - r.sib.greensock.com/3g4sxry6…
Sign up - gsap.com/newsletter.html
CSS Café retweeted
✂️ 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.
CSS Café retweeted
CSS Custom Functions are coming … and they are going to be a game changer!
👉 brm.us/css-custom-functions
ALT A custom function that returns different values based on light or dark mode being used to visit the page.
CSS Café retweeted
ya'll got so excited, you excited the engineer to start prototyping!
xitter.cf/intenttoship/status/18…
CSSWG is talking about
#CSS `superellipse`
for SQUIRCLES
(and more like notches, cutouts and bevels)
try it
noamr.github.io/squircle-tes…
awesome work @nomsternom and @smfr!
CSS Café retweeted
😍 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-…
Proposal (by @bramus): github.com/w3c/csswg-drafts/…
ALT .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))); }
CSS Café retweeted
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 🥰
una.im/advanced-attr/
CSS Café retweeted
🔥 Remember Internet Explorer’s Page Transitions? THEY’RE BACK BABY!
👾 Demo: ie-page-transitions.netlify.…
⌨ Repo: github.com/bramus/ie-page-tr…
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).
CSS Café retweeted
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/st…
CSS Café retweeted
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/p/casc…
@w3c @printcssrocks @WebDesignMuseum @prince_xml
CSS Café retweeted
Card stack using scroll-driven animation w/ snapping. Just a few lines of JS, zero dependencies.
Code + demo via @CodePen codepen.io/paulnoble/pen/gOV…
CSS Café retweeted
With @property now being #Baseline, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CSS.
web.dev/blog/at-property-per…
CSS Café retweeted
“Added support for cross-document view-transitions.” 🤩
Add the following opt-in to your code to get started:
```
@view-transition {
navigation: auto;
}
```
Full docs: developer.chrome.com/docs/we…
Safari Technology Preview 204 is now available with updates to Accessibility, CSS, Forms, JavaScript, Service Workers, Web API, Web Driver, Web Extensions, and Web Inspector.
webkit.org/blog/15978/releas…
ALT Safari Technology Preview app icon on macOS Sequoia featuring a red and white compass needle over a purple background with white radial marks.
CSS Café retweeted
learn about #CSS `interpolate-size: allow-keywords;` from @bramus on the Chrome Blog
Animate to height or width `auto`!
developer.chrome.com/docs/cs…
CSS Café retweeted
The CSS Working Group has just published the first public draft of the CSS Values and Units Level 5 Module. Although still in its early stages, this release introduces many new features and exciting improvements.
Here's a summary of some of the changes.
CSS Café retweeted
Exciting release, as Safari now joins Chrome in supporting (Same-Document) View Transitions and Style Queries! 🎉
🔗 View Transitions: developer.chrome.com/docs/we…
🔗 Style Queries: developer.chrome.com/docs/cs…
Safari 18.0 is here!! Lots of new web technology, including CSS View Transitions, Style Queries, immersive WebXR, plus updates for Web Apps, JavaScript, Web API, Media, Web Inspector, Passkeys and more — 53 features, 25 deprecations & 209 resolved issues.
webkit.org/blog/15865/webkit…
CSS Café retweeted
❌ DON'T
use `div`, `span`, other random elems for range `input` value displays/ rulers
✅ DO
✨use `output` for value displays & set their `for` attr to `id` of the `input` whose value they display
✨use `datalist` for ruler & set its `id` as the value for `input`'s `list` attr
