#ViewTransitions are interesting, thought
@astrodotbuild
provides a fallback since they control the client side routing? 🤔 But demo https://spotify-astro-transitions.vercel.app fails in firefox.

Apart from that: Positive signals by Mozilla & Apple to have it in all browsers https://github.com/mozilla/standards-positions/issues/677

RT of: https://twitter.com/m_andrasch/status/1698622750976283089

(Early) #ViewTransitions Excitement!

“WebKit supports the proposal. We will mark as Support one week from now, pending objections.”

https://github.com/WebKit/standards-positions/issues/48#issuecomment-1679760489

To be clear, that’s no commitment from Apple/WebKit that they will start working on it. A supportive position merely expresses that they – and I quote – _“see this specification as conceptually good, and worth prototyping, getting feedback on its value, and iterating.”_

Definitely good news nonetheless!

Doing a last-minute talk in Berlin at the WeAreDevs World Congress this Friday. Come join me at Stage 1 at 1PM for a talk on #ViewTransitions.

I’ll only be in for the day and will have to leave early, so if you’ve got any questions be sure to come meet me straight after my talk.

@stefan I implemented #ViewTransitions in my Mastodon client https://schizo.social (opening image thumbnails) but for some reason my transitions aren't as smooth. Things get weird when you have dynamically sized (width: 100%) elements. #css #webDev

Could #ViewTransitions be used to implement an #infiniteScroll? @jaffathecake #WebDev #javascript #web

Y'all are ready for this? I almost am!

#CSSDay #ViewTransitions #ScrollDrivenAnimations #CSS

🔗 “Getting started with View Transitions on multi-page apps” by @davatron5000

#CSS #ViewTransitions

⚓️ https://nicolas-hoizey.com/links/2023/05/19/getting-started-with-view-transitions-on-multi-page-apps/

🔗 “Early Days Examples of View Transitions” by @chriscoyier

#CSS #ViewTransitions

⚓️ https://nicolas-hoizey.com/links/2023/05/19/early-days-examples-of-view-transitions/

🖋 “HTML and CSS based View Transitions are coming”

While same-document View Transitions have now been available for a while in Chromium browsers for Single Page Applications (SPA), they were requiring the use of a JavaScript API. Chrome Canary now allows us to develop and test View Transitions with HTML and CSS only, obviously targeting Multiple Pages Applications (aka Web sites 🤷‍♂️).

#CSS #ViewTransitions

⚓️ https://nicolas-hoizey.com/articles/2023/05/19/html-and-css-based-view-transitions-are-coming/

🔗 “Getting started with View Transitions on multi-page apps” by @davatron5000

#CSS #ViewTransitions

⚓️ https://nicolas-hoizey.com/links/2023/05/19/getting-started-with-view-transitions-on-multi-page-apps/

🔗 “Early Days Examples of View Transitions” by @chriscoyier

#CSS #ViewTransitions

⚓️ https://nicolas-hoizey.com/links/2023/05/19/early-days-examples-of-view-transitions/

Enhance your #UX with my latest article on using new View Transitions API ✨ in #Angular apps to create stunning #animations between views/pages with even more ease.

🔗 https://konstantin-denerz.com/view-transitions-with-angular-spa/

#css #viewtransitions #spa #codepen

---

📺 Live demo https://konstantin-denerz.com/labs-angular-view-transition-demo/#/konstantindenerz
Works great in Chrome Canary ✅
Can I Use? https://caniuse.com/mdn-api_viewtransition

---

📝 Learn more about view transitions in this great article https://developer.chrome.com/docs/web-platform/view-transitions/ by @jaffathecake

#100DaysOfCode : #HTML #CSS

#Day11 : View Transitions API for MPA

Online demo :
https://teotimepacreau.github.io/View-Transitions-API-for-MPA-Day11-of-100DaysOfCode/

Source Code : https://github.com/teotimepacreau/View-Transitions-API-for-MPA-Day11-of-100DaysOfCode

Project goals :
- HTML meta tags on both pages to unlock transitions API without JS
- Transition composed by opacity, left and transform scale

#WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily #ViewTransitions

You know I typically only take the piss out of @jaffathecake but I honestly really respect the work he and his team are doing on #viewTransitions

I don't even know if I care about the feature, but his dedication to the #webStandards process and immaculate communication of it is fucking admirable! #careerGoals

Do slippymaps next Jake!

>SPA view transitions land in Chrome 111 https://developer.chrome.com/blog/spa-view-transitions-land/

#webDev #web #webdevelopment #browser #google #chrome