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

Arrived at TPAC in Kobe, Japan. Very confused by everything around (first time in Asia, come on) and still jet-lagged, but started exploring the city.

Finally set up Firefox profiles to separate different sides of my everyday work. Custom icons make it much easier to navigate 😎

Yay! Safari TP recently joined Firefox and Chrome in removing legacy styling for nested h1s. Though I haven’t noticed it in the release notes 🤔

Demo, details on MDN.

Finally published my Stylelint config as a separate npm package so I can conveniently reuse it between projects. Including a list of 499 properties sorted in a way that makes sense to me (never-ending work in progress). The update.js noscript will help me to keep it up to date using MDN’s BCD.

https://github.com/pepelsbey/stylelint-config-pepelsbey

One second-hand Apple Magic Keyboard is dead. But another Touch ID box in a 3D-printed case is born! 🤓