Links
What is the View Transitions API and how to use it with meta frameworks
No more boring page reloads in MPAs. The View Transitions API makes website navigation smoother, like in mobile apps or SPAs. Plus, This API removes a lot of the complex JavaScript SPAs needed for these transitions.
View Transitions Break Incremental Rendering
This is a fundamental problem with View Transitions. And because browsers can and regularly do render partial pages – even on fast machines with fast connections loading fast pages – it’s going to affect everyone.
CSS Light/Dark Mode Implementation WITHOUT Duplicating Vars
A common perspective on the challenges behind implementing light mode and dark mode toggles in CSS is that it seemingly requires duplicating your
--var
declarations in order to set up the classes. It doesn't - and it's an easy pattern to implement!
Progressively Enhanced Form Validation, Part 4: Custom validation messages
This article explores the ValidityState API, a powerful, approachable, and well-supported API we can use to define custom validation messages.
Web Components Accessibility FAQ
When I first learned about web components, I had a lot of questions, especially regarding accessibility. While I found answers to many of them, I didn’t know everything I would’ve wanted to know. I wish I had a catalog of all the essential questions and answers when I started.
Videos
How to write Semantic CSS
Most people know about semantic HTML, but when it comes to CSS, things are a little more wishy-washy most of the time. Rather than relying on arbitrary class names, we can use different semantic selectors though!
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.