Cross-document View Transitions Part 1

Je trouve les Cross-Document View Transitions fascinantes parce qu’elles remettent un peu en question le délire du “tout en SPA”. Pendant des années, on a complexifié des stacks entières juste pour avoir des transitions fluides entre deux pages. Maintenant, le navigateur commence enfin à gérer ça nativement avec quelques lignes de CSS. Ça change doucement la donne.

Le plus drôle, c’est que la mise en place paraît presque insultante tellement c’est simple :

@view-transition {
	navigation: auto;
}

Et derrière, t’as déjà une transition entre pages du même domaine. Pas besoin de framework JS qui pèse un âne mort ou d’usine à gaz façon router custom.

Évidemment, ça reste jeune. Firefox traîne encore un peu des pieds et il faut accepter le principe du progressive enhancement. Mais honnêtement ? C’est probablement le bon moment pour commencer à jouer avec ça sur des projets perso ou des sites de contenu.

J’aime surtout le message derrière cette API : le Web redevient capable de faire des trucs modernes sans transformer chaque site vitrine en pseudo application mobile. Et ça, franchement, ça fait du bien.


Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.

To respond on your own website, enter the URL of your response which should contain a link to this post’s permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post’s URL again. (Find out more about Webmentions.)