Vadim Makeev

Wiped Alexa off a second-hand Echo Show 5 to turn it into a Home Assistant dashboard for my smart home 🤓 Followed this guide by Derek Seaman.

Yay, with the 27.0.1 update, macOS is almost usable now! Well, apart from the “which one of the black boxes is the space you’re looking for?” game. It’s still there 🫠

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/

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 🤔

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

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)

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 👏

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/

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/

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/

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

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

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 set up Firefox profiles to separate different sides of my everyday work. Custom icons make it much easier to navigate 😎

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.

I build websites!

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.

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

Performance is a key aspect of the user experience 🥲

Any idea who’s right? It would be nice to be able to position a popover right next to the button that triggers it. Firefox and Safari both make it easy. Chrome’s behavior makes me sad.