Smooth Page Transitions with Astro & the Shared Element Transition API скачать в хорошем качестве

Smooth Page Transitions with Astro & the Shared Element Transition API

Can you make a multi-page app (MPA) feel like a single-page app (SPA)? Maxi Ferreira says we can and will show us how to do it. 00:00:00 - Welcome 00:01:56 - Who is Maxi Ferreira? 00:05:39 - What made you want to try Astro? 00:16:44 - Where did your interest in the shared element API start? 00:23:35 - Where should I stat with Shared Element Transition API? 00:34:50 - Creating SPA like behaviour 00:51:34 - Style the transition with CSS 00:55:00 - Adding a slide right keyframe 01:13:37 - Turbo gotchas 01:20:18 - Would these animations be faster than in a traditional SPA? 01:26:06 - Where can we learn more? Repo: https://github.com/jlengstorf/astro-r... Demo: https://shared-element-transition-ast... Links https://github.com/Charca/astro-records https://astro-music.netlify.app/ https://www.pluralsight.com/ https://www.learnwithjason.dev/   / charca      • Bringing page transitions to the web   https://www.learnwithjason.dev/topic/... https://github.com/withastro/rfcs/dis... https://developer.chrome.com/docs/web... https://www.maxiferreira.com/blog/ast... https://www.learnwithjason.dev/topic/... https://www.learnwithjason.dev/schedule Watch future episodes live at   / jlengstorf   This episode was sponsored by: Netlify (https://lwj.dev/netlify) Nx (https://lwj.dev/nx) Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...) Source: http://incompetech.com/music/royalty-... Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com