Delightful UI Animations With Shared Element Transitions API (Part 1)

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 first part of this mini two-part series, Adrian Bece thoroughly explains why we need the API and demonstrates its basic usage. https://smashingmagazine.com/2023/12/ui-animations-shared-element-transitions-api-part1/

Creato 1y | 22 dic 2023, 14:10:34


Accedi per aggiungere un commento

Altri post in questo gruppo

How To Build A Business Case To Promote Accessibility In Your B2B Products

When passion for accessibility meets business indifference, what bridges the gap? Gloria Diaz Alonso shares how she turned frustration into strategy — by learning to speak the language of business. ht

4 apr 2025, 19:30:15 | Smashing magazine
Building A Drupal To Storyblok Migration Tool: An Engineering Perspective

In this article, Edoardo Dusi shares the engineering and architectural choices made by the team at Storyblok and how real-world migration challenges were addressed using modern PHP practices. https://

3 apr 2025, 15:40:08 | Smashing magazine
How To Argue Against AI-First Research

Companies have been turning their attention to “synthetic,” AI-driven user testing. However, as convenient as it might seem, it’s dangerous, expensive, and usually diminishes user value. Let’s take a

31 mar 2025, 15:50:03 | Smashing magazine
Blossoms, Flowers, And The Magic Of Spring (April 2025 Wallpapers Edition)

The beginning of the new month is the perfect opportunity to give your desktop a makeover. If you’re looking for some beautiful and unique wallpapers to cater for a bit of inspiration this April, well

31 mar 2025, 15:50:02 | Smashing magazine
Adaptive Video Streaming With Dash.js In React

HTML <video> is the de facto element we turn to for embedding video content, but it comes with constraints. For example, it downloads the video file linearly over HTTP, which leads to performance hi

27 mar 2025, 19:10:08 | Smashing magazine
Previewing Content Changes In Your Work With document.designMode

You probably already know that you can use developer tools in your browser to make on-the-spot changes to a webpage — simply click the node in the Inspector and make your edits. But have you tri

21 mar 2025, 14:50:03 | Smashing magazine
Web Components Vs. Framework Components: What’s The Difference?

Some critics question the agnostic nature of Web Components, with some even arguing that they are not real components. Gabriel Shoyomboa explores this topic in-depth, comparing Web Components and fram

17 mar 2025, 15:50:02 | Smashing magazine