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/

Établi 1y | 22 déc. 2023, 14:10:34


Connectez-vous pour ajouter un commentaire

Autres messages de ce groupe

Integrating Design And Code With Native Design Tokens In Penpot

The Penpot team is not slowing down on its mission to build a free design tool that not only offers powerful design features but is also well-integrated with code and modern development practices. In

8 mai 2025, 12:40:02 | Smashing magazine
Smashing Animations Part 1: How Classic Cartoons Inspire Modern CSS

Have you ever thought about how the limitations of early cartoon animations might relate to web design today? From looping backgrounds to minimal frame changes, these retro animation techniques have s

7 mai 2025, 15:40:02 | Smashing magazine
Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

There were duelling proposals floating around for adding support for masonry-style layouts in CSS. In one corner is a proposal that extends the existing CSS Grid specification. In the other corner is

6 mai 2025, 14:10:12 | Smashing magazine
How To Launch Big Complex Projects

When was the last time your project wrapped up smoothly — no delays, no surprises, no last-minute compromises? In reality, most UX projects drift as timelines slip, budgets stretch, and features morph

5 mai 2025, 12:40:06 | Smashing magazine
WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation

WCAG is evolving. Since 1999, the Web Content Accessibility Guidelines have defined accessibility in binary terms: either a success criterion is met or not. But real user experience is rarely that sim

2 mai 2025, 12:40:13 | Smashing magazine
Make Every Day Count (May 2025 Wallpapers Edition)

The new month is just around the corner, and that means: It’s time for some new desktop wallpapers! All of them are designed with love by the community for the community and can be downloaded for free

30 avr. 2025, 12:10:06 | Smashing magazine
How To Turn Your Figma Designs Into Live Apps With Anima Playground

As designers, it’s important to be able to transform visual ideas into concepts within minutes and into fully functional products within hours. Well, today we’re bringing you closer to AnimaApp, an ap

29 avr. 2025, 12:50:07 | Smashing magazine