Links
Can you convert a video to pure css?
There are some new properties that allow playing a css animation based on the scroll position. Apple has been using this on their marketing pages. The property seems pretty powerful. But how powerful? This got me thinking… could it play a video as pure CSS?
A MutationObserver for CSS
A shortcoming of MutationObserver is that it cannot be used to subscribe to value changes of CSS properties. To plug that hole I built a library allowing just that. It allows you to attach JavaScript callbacks to changes in computed values of CSS properties.
The Dialog Element with Entry *and* Exit Animations
What Una didn’t cover, on purpose surely, was exit animations (because they aren’t in “Baseline” yet, meaning not supported across browsers). But they are supported in Chrome-n-friends land, so I thought it was worth looking at. To me, they are just as interesting, cool, and useful as the entry kind.
Common misconceptions about how to optimize LCP
Explore common misconceptions about optimizing Largest Contentful Paint (LCP) by looking beyond image optimization and considering factors like Time to First Byte (TTFB) and resource load delay.
WCAG’s A and AA distinction is mostly academic
When I point out what the Conformance Levels do, my short, easy to learn explanation is: A: Removes many barriers for many disabled people; AA: Removes most barriers for most disabled people; AAA: Removes additional barriers;
Videos
Anchor Positioning
We're going to talk about anchor positioning today. One of my new specs, something I've been working on for a year or two now. I'm very excited about it, this is a new ability being added to absolute positioning!
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.