Essentials☝️

I might have thrown a housewarming party this weekend just to hang this sign. Sorry for the kerning. The guests left only by 22:30, by the way.

Gave up waiting for the hausmeister to make a proper sign for me. So I found a round font and used a laser printer on vinyl paper, and the result looks better than some of the proper ones 😎

Look! The popover is available in all major browsers now, starting from this week’s Firefox 125 release 🥹 This includes HTML attributes, CSS pseudo-classes, and JS API.

— Firefox 125 release notes
— Popover API on MDN

Plans for June I’m very much looking forward to:

2–5. Web Engines Hackfest, A Coruña
6–7. CSS Day, Amsterdam
8. Tool, Berlin
22. Smashing Pumpkins, Berlin

Added a very subtle scroll-driven animation to pepelsbey.dev (Chrome-only for now), like it was supposed to be in the design. But back then, it was too much of an effort to implement. Now, it’s as simple as it could be 🤓

Sometimes, it’s more of a parkour than parking, really.

This season, I’m working on improving MathML documentation on MDN. It’s still a work in progress, but I also found a bug in the browser DevTools. Apparently, you cannot add attributes to MathML elements in the DOM tree in Firefox and Safari. Fortunately, it works in Chrome 🙄 Bugs filed, of course: Firefox, Safari. But I’m not sure if MathML could get high-priority treatment. But I believe in miracles!

False alarm! This MathML “bug” is more of a “lack of feature” or rather confusing behavior, if you ask me. It seems like both Firefox and Safari’s DevTools won’t let you add attributes just by typing them next to the tag name. Instead, they parse it as a tag name, and since it’s invalid, they discard it. Safari gives a hint: what you type also goes to the closing tag 😬

I learned this behavior in Chrome DevTools and my code editor, and I find it intuitive. Two more bugs to follow: Firefox and Safari.