Greate video! The view transition API is just amazing 👌
Thanks for such great content!
Thank you! And thank you so much for the super thanks, really appreciate it!
you are amazing
You are good bro
great
Great Tutorial thanks so much for Sharing..
Btw, what is your browser?
Wow, Adam Argyle just shared a tweet where he shows it actually IS possible to get drag and drop functionality on iOS! I just updated the article and code snippets to reflect this. See here: twitter.com/JeroenReumkens/status/1687342337737846784?s=20
😮
I'm watching your framer motion videos but I have a problem, I need to use usescroll because the offset property doesn't exist anymore. how could i get around this problem?
where can I get the starter code?
Does it work on mobile touch?
i think it has a bug. when you drag and drop the item on top(or bottom) of itself, it duplicates
Asking respectfully. Since view transitions is not supported on mobile, that leaves out like 90% of clients. Is it possible to ensure desktop (non-firefox/safari) users get view transitions, and everybody else gets framer-motion?
Doing Framer Motion as a fallback is a bit harder - or at least it would add quite a bit of extra code. Plus you're building the animation twice.
I think it's more interesting to look at for example the polyfill Bramus is working on: twitter.com/JeroenReumkens/status/1696261766312050983?s=20
And for browsers that are then still not supported, consider it as graceful degradation, and just don't give them any animations?
@@frontendfyi I appreciate the share, looks cool but I don’t think it’s what I’m looking for (smooth/tightly controlled transitions between routes in an MPA), so I think it might be better to just make it in Next and Framer. Thanks for the reply.
Unfortunately, this doesn't work on mobile
Hey Man. I just love what are you doing. Just some small requests: be more consistent, create bigger projects And don't get lost.
Does it work on mobile touch?
Don’t forget to grab a pro membership while it’s still €99 euro! Learn more on www.frontend.fyi/pro.