UI Dev Newsletter Issue #116
In this issue: lazy loading for video and audio, the setHTML function, scroll-triggered animations, and more.
-
Standard HTML Video & Audio Lazy-loading is Coming!
Scott Jehl introduces the upcoming native loading=lazy support for HTML video and audio elements, now testable in Chrome Canary.
-
Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148
Tom Schuster, Frederik Braun, and Christoph Kerschbaumer explain the Sanitizer API, a new web security standard that helps prevent cross-site scripting attacks.
-
Define the Theme Color for Safari 26
Martin Grubinger explores how Safari 26 sets the header background color.
-
Yet Another Way to Center an (Absolute) Element
Juan Diego Rodríguez describes a modern CSS technique for centering absolutely-positioned elements using the align-self, justify-self, and inset properties.
-
Justifying text-wrap: pretty
Alex Kladov explains why combining text-wrap: pretty with text-align: justify creates excessive whitespace in browsers.
-
CSS Animation Triggers: Playing animations on scroll without scrubbing. It's a match!
Brecht De Ruyte explores CSS scroll-triggered animations, a new feature that triggers animations based on scroll position rather than scrubbing through them.
-
Why light-weight websites may one day save your life
Marijke Luttekes describes why lightweight websites are crucial for accessibility and emergency situations.
-
GitHub comment explaining why React Aria doesn't use the dialog element and aria-modal=true
Devon Govett explains the use of dialog in modals, highlighting its role in the top layer, animations, and focus behavior.