The View Transitions API And Delightful UI Animations (Part 2)

The View Transitions API is a new — but game-changing — feature that allows us to do the types of reactive state-based UI and page transitions that have traditionally been exclusive to JavaScript frameworks. In the second half of this mini two-part series, Adrian Bece expands on the demos from the first article to demonstrate how the View Transitions API can be used to transition not just elements between two states but the transition between full views and pages in single-page and multi-page applications. https://smashingmagazine.com/2024/01/view-transitions-api-ui-animations-part2/

Creato 2y | 2 gen 2024, 16:10:33


Accedi per aggiungere un commento

Altri post in questo gruppo

Design Patterns For AI Interfaces

Designing a new AI feature? Where do you even begin? From first steps to design flows and interactions, here’s a simple, systematic approach to building AI experiences that stick. https://smashingmaga

14 lug 2025, 20:20:05 | Smashing magazine
Unmasking The Magic: The Wizard Of Oz Method For UX Research

The Wizard of Oz method is a proven UX research tool that simulates real interactions to uncover authentic user behavior. Victor Yocco unpacks the core principles of the WOZ method, explores advanced

10 lug 2025, 11:50:15 | Smashing magazine
Droip: The Modern Website Builder WordPress Needed

Traditional page builders have shaped how we build WordPress sites for years. Let’s take a closer look at Droip, a modern, no-code visual builder, and explore how it redefines th

8 lug 2025, 13:40:02 | Smashing magazine
Design Guidelines For Better Notifications UX

As always in design, timing matters, and so do timely notifications. Let’s explore how we might improve the notifications UX. More design patterns in our <a href="https://smart-interface-design-patter

7 lug 2025, 14:30:03 | Smashing magazine
CSS Intelligence: Speculating On The Future Of A Smarter Language

CSS has evolved from a purely presentational language into one with growing logical powers — thanks to features like container queries, relational pseudo-classes, and the if() function. Is it still

2 lug 2025, 13:50:02 | Smashing magazine
Turning User Research Into Real Organizational Change

Bridging the gap between user research insights and actual organizational action — with a clear roadmap for impact. https://smashingmagazine.com/2025/07/turning-user-research-into-organizational-chang

1 lug 2025, 12:20:10 | Smashing magazine
Never Stop Exploring (July 2025 Wallpapers Edition)

July is just around the corner, and that means it’s time for a new collection of desktop wallpapers. Created with love by artists and designers from across the globe, they are bound to bring some good

30 giu 2025, 13:10:08 | Smashing magazine