Introducing view-transitions-mock, a non-visual polyfill for same-document view transitions. @bramus built a spec-compliant JavaScript implementation of the View Transition API that works across all browsers. It handles document.startViewTransition(), the ViewTransition class with its promises, and view transition types. Animations are skipped in unsupported browsers, but DOM updates work as expected. #viewtransition #polyfill

https://www.bram.us/2026/03/11/view-transitions-mock-is-a-non-visual-polyfill-for-same-document-view-transitions/

Представляем view-transitions-mock — невизуальный полифил для view transition в рамках документа. Брамус Ван Дамм создал JavaScript-реализацию View Transition API совместимую со спецификацией, которая работает во всех браузерах без кучи условий в коде. Она обрабатывает document.startViewTransition(), класс ViewTransition с промисами и типы View Transition. Обновления DOM идентичны нативным, но анимации пропускаются в старых браузерах. #viewtransition #polyfill

https://www.bram.us/2026/03/11/view-transitions-mock-is-a-non-visual-polyfill-for-same-document-view-transitions/

It looks like some basic view transition stuff is finally coming to #Firefox, this demo works in 144 dev edition (stable is now 143): https://mdn.github.io/dom-examples/view-transitions/spa/ or https://6440m.hatchboxapp.com/photos

#ViewTransition #Web

(but fuck DHH)

Basic View Transitions API demo

If you call `document.startViewTransition()` twice synchronously:

- Chrome: continues applying the first call's transition
- Safari: aborts the first call's transition and throws "AbortError: Old view transition aborted by new view transition."

Chrome's behavior would result in fewer aborted animations, which seems like a good thing. However, Safari's behavior seems like an intentional choice. Which is correct?

#googlechrome #safari #viewtransition #css

The View Transition API is so cool! A cross-page crossfade transition only needs 3 lines of CSS.

https://developer.mozilla.org/en-US/docs/Web/CSS/@view-transition

#webdev #css #viewtransition #viewtransitionapi

@view-transition - CSS: Cascading Style Sheets | MDN

The @view-transition CSS at-rule is used to opt in the current and destination documents to undergo a view transition, in the case of a cross-document navigation.

MDN Web Docs

#Development #Releases
New in Chrome 126 · Cross-document View Transitions for websites are here! https://ilo.im/15z65i

_____
#Chrome #Browser #Website #ViewTransition #CloseWatcherAPI #WebDev #Frontend #CSS #JavaScript

New in Chrome 126  |  Blog  |  Chrome for Developers

Chrome 126 is rolling out now! With support for cross-document transitions in the ViewTransitions API, the CloseWatcher API re-enabled, trigger-rumbled for the Gamepad API and there's plenty more, and plenty more. Adriana Jara has all the details about what's new for developers in Chrome 126.

Chrome for Developers

#Development #Introductions
What’s new in view transitions? · Get ready for a whole new level of transition animations! https://ilo.im/15ywh8

_____
#Animation #ViewTransition #Webpage #MPA #Browser #WebDev #Frontend #HTML #CSS #JavaScript

What's new in view transitions? (Google I/O 2024 update)  |  Blog  |  Chrome for Developers

Announcing cross-document view transitions for MPA, selective view transitions with active types, and sharing animation styles with view-transition-class.

Chrome for Developers

#Development #Releases
New in Chrome 124 · Better view transitions, new declarative shadow DOM APIs, and more https://ilo.im/15yl79

_____
#Browser #Chrome #ShadowDOM #WebSocket #ViewTransition #WebDev #WebAPI #Frontend #CSS #JavaScript

New in Chrome 124  |  Blog  |  Chrome for Developers

Chrome 124 is rolling out now! There are two new APIs that allow the declarative shadow DOM to be used from JavaScript. You can use streams in Web Sockets. View Transitions get a little better. And there's plenty more. Pete LePage has all the details about what's new for developers in Chrome 124.

Chrome for Developers

#Development #Techniques
Handling aspect ratio changes · How to fix CSS view transition animations that look flawed https://ilo.im/15y1me

_____
#Webpage #ViewTransition #Animation #WebDev #Frontend #CSS

View transitions: Handling aspect ratio changes

Tips and tricks to get the transition you want

Pretty cool how simple it is to strap in #viewtransition with #HTMX without any fuzz and completely in the spirit of #progressiveenhancent ❤️

I’ll definitely strap this in and be ready for browser compatibility to get there 😊

https://khalidabuhakmeh.com/view-transitions-api-with-aspnet-core-and-htmx

View Transitions API with ASP.NET Core and HTMX

Using HTMX in ASP.NET Core Razor Pages and MVC to transition smoothly between pages with View Transitions

Khalid Abuhakmeh’s Blog