Good talk. The thing I like it that out of the box it gives you the easiest and minimal transition that is almost not noticable but still there. If you want more and want something specific you can go all the way, so it is a very prograssive thing to use...
On a more meat-and-potatoes level, the ViewTransition API can possibly, from what I’m reading in the docs, also be used as a lightweight client-side router… which means Astro can possibly replace NextJS or React Router in a not-insignificant number of web apps. Testing and prototyping coming soon…
Curious how this compares to using the Svelte FLIP animation. Are there advantages and disadvantages to each? When would you use this more verbose API instead for changes that don't involve full-page transitions?
dude show me how to make directional page swipes like on mobile and ALSO have view transitions within each page, because when I tried to setup both, then every time the item on the page would animate, the page swipe view transition would play too. I only want the page swipe view transition to play once when moving between pages on a pwa, and then only the item transitions on the page thereafter
At least progressive enhancement is easy if the animations aren’t crucial to the experience. Also FF usage is so low, not many people won’t get the full experience.
What don’t you like about the api? Way smoother than a JS only version. Also this is available to 79% of users globally with Firefox being the only major browser to not ship yet. Also fallbacks are super easy to progressively enhance.
Great topic, quiet audio 😅
Major bummer about the volume, my bad. YT needs to bake in normalization after upload in the editor :(
@@syntaxfmyou prob already know about it, I’ve enjoyed Izotope’s Ozone for quick n dirty mastering. Love what you do! ❤
@@syntaxfm What a great idea! They allow blurring & clipping the video, surely they can figure that out.
Alright I'm impressed. Had no idea view transitions could to this.
Good talk. The thing I like it that out of the box it gives you the easiest and minimal transition that is almost not noticable but still there. If you want more and want something specific you can go all the way, so it is a very prograssive thing to use...
On a more meat-and-potatoes level, the ViewTransition API can possibly, from what I’m reading in the docs, also be used as a lightweight client-side router… which means Astro can possibly replace NextJS or React Router in a not-insignificant number of web apps. Testing and prototyping coming soon…
Curious how this compares to using the Svelte FLIP animation. Are there advantages and disadvantages to each? When would you use this more verbose API instead for changes that don't involve full-page transitions?
What happens if the user interacts with the page when the transisiton is happening?
dude show me how to make directional page swipes like on mobile and ALSO have view transitions within each page, because when I tried to setup both, then every time the item on the page would animate, the page swipe view transition would play too. I only want the page swipe view transition to play once when moving between pages on a pwa, and then only the item transitions on the page thereafter
wow thats impressive!
I underestimated the use for this, thanks!
Time to find the best way to do this with Tailwind CSS. And write about it.
Wow amazing! Super powerful
Awesome topic, I really want to dig into view transitions these holidays, but it's hard to find good learning resources, as it's a pretty young api 😅
Will be doing lots more here.
This is really. Cool. Now I wanna try this ❤
Should consider reupload it with audio
lol- how did i not know this
too bad firefox does not support it :/
At least progressive enhancement is easy if the animations aren’t crucial to the experience. Also FF usage is so low, not many people won’t get the full experience.
Audio is really low
Don't care until Safari support (which will never happen)
I might be wrong but I seem to remember it is already in a release candidate version of Safari
It’s in Safari 18.
Safari already supports this.
They are not underrated - they have horrible API and they Chrome only
You should check your facts before making comments like that ;)
What don’t you like about the api? Way smoother than a JS only version.
Also this is available to 79% of users globally with Firefox being the only major browser to not ship yet.
Also fallbacks are super easy to progressively enhance.