In this issue: native lazy-loading, CSS painting order, laws of UX, and more.
Develop, Preview, Test
Guillermo Rauch elaborates how prioritizing end-to-end (E2E) testing for the critical parts of your app will reduce risk and give you the best return.
Native image lazy-loading for the web - Improved data-savings and distance-from-viewport thresholds
Chrome improves its implementation of image lazy-loading by reducing the distance-from-viewport thresholds to better meet developer expectations.
CSS Painting Order
Martin Robinson describes the CSS Stacking Context in details with real-life examples.
The physics behind spring animations
Maxime Heckel explains how a spring animation in a library like Framer Motion works and the physics behind it.
Backdrop Filter effect with CSS
Uriel Bitton shows how to create a blurred transparent background.
Make Jamstack Slow? Challenge Accepted.
Steve Keep purposely makes a slow site to better understand possible site performance bottlenecks.
Making lil’ me - part 1
Cassie Evans describes how to get values from the mouse movement and plug them into an animation.
Laws of UX
Laws of UX is a collection of the maxims and principles that designers can consider when building user interfaces.