Have you seen any good articles or projects using Cascade Layers for CSS architecture? Modern CSS seems capable of something similar to BEM without complex tooling, but I’m struggling to make it work. You know, 15-year-old habits won’t let you go easy.

I’ll start:

A whole cascade of layers
Modern alternatives to BEM
Modern CSS for dynamic component-based architecture

With another wave of seasonal migration between social networks, let me remind you that I cross-post pretty much everywhere I can to stay in touch with scattered friends. I’m mostly active on Mastodon, but feel free to pick the one that works for you: Mastodon, Bluesky, Threads, X, LinkedIn, Facebook.

Also, occasional photos and videos from gigs on Instagram.

Gather around the fire, kids. Today, I will tell you an HTMHell story about native HTML color scheme switching. It’s getting dark early in Berlin in the winter…

https://htmhell.dev/adventcalendar/2024/9/

I have a suspicion that jzczhz and jzazbz color spaces were named by a cat walking on a keyboard 🥲

https://mastodon.scot/@svgeesus/113673628536576666

Starting from Chrome 122 and today’s Firefox 134, you can use align-self and justify-self (or the place-self shortcut) to control boxes with position: absolute and inset: 0. Waiting for Safari to catch up!

https://codepen.io/pepelsbey/pen/xxvLBYZ

I just discovered that you can’t debug styles in a shadow root in WebKit Web Inspector if they’re attached using adoptedStyleSheets (constructable stylesheets). For some reason, they’re considered user agent stylesheets 🤔

https://bugs.webkit.org/show_bug.cgi?id=289948

Planned a four-day CSS trip to Amsterdam in June:

June 4, Pre-CSS Day meetup
June 5–6, CSS Day conference
June 7, CSS Café meetup

See you there 🤓

This book didn’t age well 🥲

(Hail Mary Project by Andy Weir)

You don’t have to be a GeoGuessr expert to spot the city in the photo. Just walking here feels like a crime 😬

Most of the people: Huh? 🤔

Me: There’s no way you can use Shure SM7B on a stand like this because the XLR port is blocked 🙄

(Étoile S01E02)

I guess I’m not a pro anymore 🥲 Jumped from 15” Pro M1 Max to just 13” M4 Air and can’t really tell the difference, even for the podcast production workflow. Not sure if I’ve ever used the extra ports that much.

Div is not a button, you say. How about li? Looks legit.

<li _ngcrap routerlink="/activities" tabindex="0">
  Activity stream
</li>

Arrived just in time for vacation 🤓

Face with Tears of Joy: A Natural History of Emoji