#view-transitions

[ follow ]
#web-development #animations #accessibility #user-experience #browser-compatibility #toolkit #javascript
Web development
fromCSS-Tricks
2 days ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
Web design
fromCSS-Tricks
3 months ago

What's !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More | CSS-Tricks

Recent CSS developments include conditional view transitions, accessibility annotations for design systems, SVG/CSS text effects, and browser AI controversy with an AI kill switch.
JavaScript
fromMedienbaecker
3 months ago

Dialog view transitions Medienbacker Thomas Gunther

View transitions can combine with the <dialog> element to create smooth, accessible animated dialog openings using showModal(), dialog.close(), and progressive enhancement.
Web frameworks
fromDEV Community
5 months ago

Comparing Page Transition Strategies in Next.js: A Performance Study

A comparison project evaluates multiple Next.js navigation strategies (HTML anchors, SPA routing, Speculation Rules, Quicklink, and view transitions) using simulated e-commerce tests.
[ Load more ]