Safari 26 Beta Brings Major Web Platform Updates and Apple's New Liquid Glass Design

Published on 11.06.2025

motyl.dev<div></div></>FRONTEND

Safari 26 Beta: A Massive Web Platform Update

TLDR: Apple releases Safari 26 beta with 67 new features and 107 improvements, including WebGPU support, scroll-driven animations, anchor positioning, SVG icons, and a new unified versioning scheme aligned with Apple's operating systems.

News from WWDC25: WebKit in Safari 26 beta

Apple's Liquid Glass: A New Design Language for All Platforms

TLDR: Apple introduces Liquid Glass, a translucent material system that creates depth and vitality across all Apple platforms, using real-time rendering and dynamic reactions to movement for a more expressive user experience.

Apple introduces a delightful and elegant new software design

Declarative Web Push: Simplifying Notification Delivery

TLDR: Apple introduces Declarative Web Push to improve notification reliability by allowing push messages to contain standardized notification descriptions, eliminating the need for JavaScript execution and improving privacy.

Learn more about Declarative Web Push - WWDC25

Partial Keyframes: Dynamic CSS Animations

TLDR: CSS keyframe animations can omit starting values to inherit from context, creating dynamic and composable animations that adapt to different element states without JavaScript.

Partial Keyframes • Josh W. Comeau

CSS contrast-color() Function: Automated Accessibility

TLDR: The upcoming contrast-color() function automatically resolves to either black or white based on which provides better contrast with a given background color, but current limitations restrict its practical use.

Exploring the CSS contrast-color() Function… a Second Time | CSS-Tricks


Disclaimer: This article was generated using newsletter-ai powered by claude-sonnet-4-20250514 LLM. While we strive for accuracy, please verify critical information independently.