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 script 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! 🤓

For almost 10 years we've been publishing daily web platform news for the Russian-speaking community. I always wanted to do the same in English, and five months ago I finally started. Yesterday I published the 100th news on Web Standards. Here’s a little story behind the project. Of course, built with Eleventy 😎

https://pepelsbey.dev/articles/web-standards-news/

I can finally quickly test adaptive layouts in Firefox’s new Split View mode. For more advanced testing, there’s Polypane, of course. But there are many other simpler side-by-side use cases. Yay!

https://blog.mozilla.org/en/firefox/split-view/

Hello CSS Day, or more like CSS week? I’ve only arrived in Amsterdam, but I’ve already been amazed by what CSS can do. Just one example: resize the window on the desktop to save the octopus from drying out!

https://smulvin.github.io/Melvin-Web_CSS/

Yes, that’s exactly what you need to do when a client-side exception has occurred: fill the page black and guide users to the console. Well done 👏

Why bother with time zones when you can just offload this problem on your user’s shoulders? Lazy Vattenfall bastards 🙄

(pressing “Continue” reloads the page)

Now that most of the browsers are moving to a 2-week release cycle, expect:

Firefox 200 in 2028 ✨
Firefox 300 in 2032 ✨

…and if I live long enough, I might see Firefox 1000 in 2059 😬

Firefox • Edge • Chrome

I’m cursed to see faux bold rendering when font-weight is cranked higher than the included font actually supports. I wish browser DevTools would flag it in the console. Makes me wonder if this could be caught by a linter 🤔

An SVG inside <img> has always been a styling dead end: you can place it, but you can’t paint it. CSS Linked Parameters fix that, and Firefox Nightly is the only browser that has them so far.

So I traced Warhol’s Marilyn into four flat plates and repainted it nine times from a single 50 KB file. One network request 💅

https://pepelsbey.dev/articles/svg-link-params/