I spent the past few weeks packing as many easter eggs as I could into my latest project, and in this blog post, I want to dig into some of the more interesting details! If you’re interested in animations/interactions, you’ll want to check this one out; I share a bunch of my favourite secrets and tricks.

position-area might be my favorite part of the CSS Anchor Positioning spec, with a ton of features packed in to make things just… work. But there’s no magic here, just a few key parts that work well.

What if I told you that #ff0000 or rgb(255, 0, 0) is not actually the reddest red you can have in your browser? In these examples, I have selected a wide-gamut P3 version of each primary and secondary color that puts them outside the classic sRGB color space.

You probably don’t need moment.js or piles of StackOverflow-ing into your apartment, you just need Date.toLocaleDateString(). Here’s some common use cases.

You can pluck off values from HTML attributes that actually have types now, so if you put data-font-size="2.2rem" on an element you could actually, ya know, honor that.