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/