Links
Perfectly Pointed Tooltips: A Foundation
The Anchor Positioning API in CSS is very powerful. This is the beginning of a series where we understand it through the perfect use-case: tooltips.
Start implementing view transitions on your websites today
The View Transition API allows us to animate between two states with relative ease. They can be used to animate filtering, sorting, add to cart, page transitions, and much more.
Custom Asidenotes
Let's extend HTML to turn parenthetical comments into sidenotes automatically! Using web components, we can write a little bit of JavaScript to take an invented element and Do Things To It™.
I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance
I needed to choose a framework for a mobile-first app at work. I started comparing Next.js, SolidStart, and SvelteKit, then expanded to 10 frameworks. The measurements revealed dramatic differences in bundle sizes, performance, and the real cost of framework choices.
Inlining Critical CSS: Does It Make Your Website Faster? | DebugBear
Inlining critical CSS can make your website super fast. But it's not always easy to implement, and there are some downsides. In this article we take a look at how you can optimize stylesheets on your website, and take a look at some common challenges.
Videos
A Simple Guide to Color Contrast in Web Design
As a web designer, you have to get colour contrast right. So how do you know what’s correct in each scenario and if your designs meet the standard? Matt Brunton shows you how.
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.