Ready for the New Year celebration with the finest bottled MDN 🍾

Not sure about you, but I’m a bit tired of coding by the end of the year. Let’s build a Mars rover on the last live stream of the year this Sunday, 12:00 Berlin time. Because why not? 🤓

https://youtu.be/voX8RFyjyp0

There’s something very nice just landed in Firefox Nightly: Declarative Shadow DOM 😍 It’s probably not the best use case for it, but sure, you can isolate your styles while @scope is not here yet.

Everything’s ready for the livestream 😎

Look! There’s an old man yelling at HTML semantics. I enjoyed writing this article for the HTMHell advent calendar to get this off my chest. Also… <marquee> 😬

The road to HTMHell is paved with semantics

Now headings on my website are nicely balanced with text-wrap: balance in Firefox, too. Also in Firefox 121: lazy-loading iframes, ✨:has, text-indent on steroids (hanging + each-line), etc.

Firefox 121 for developers

The last photo of my bike before the upgrade. This morning, I brought it to 8bar to change the rear wheel from a single-speed hub to a new one with a Shimano Alfine 11-speed hub and a Microshift drop bar shifter. Single-speed is perfect for the city, but I’d like to do some bikepacking this year 🚲

Syntax highlighters showing off their support for CSS:

.oh-my {
  such: wow;
}

Meanwhile, CSS:

@​layer what {
  @​container (width > 0) {
    ul:has(:nth-child(1 of li)) {
      @​media (height > 0) {
        &:hover {
          --is: this;
        }
      }
    }
  }
}