Links

A Million Little Secrets
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.
Better Anchor Positioning with position-area
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.
Colormaxxing
What if I told you that
#ff0000
orrgb(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.
Human-readable date formatting with vanilla JavaScript
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.
How to Use attr() in CSS for Columns, Colors, and Font-Size
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.
Videos

What if you suddenly couldn't type anymore?
Salma Alam-Naylor, who you might know as whitep4nth3r from Twitch, recently developed excruciating pain and pins and needles in her hands, making it very difficult to type and use their trackpad, and she was kind enough to join me so we could all learn more about what it's been like for her, and some of the tools she's been learning to use in order to continue writing code.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.