#Angular #WebDev #ViewTransitions #UX
#Angular #WebDev #ViewTransitions #UX
#ViewTransitions #ViewTransitions #ViewTransitions #ViewTransitions
#ViewTransitions #ViewTransitions #ViewTransitions #ViewTransitions
Das wäre die längere Version gewesen:
grochtdreis.de/talks/unkonf...
#unkonf26 #css #viewtransitions
Das wäre die längere Version gewesen:
grochtdreis.de/talks/unkonf...
#unkonf26 #css #viewtransitions
Kinda cool little demo to come out of it: codepen.io/editor/chris...
Kinda cool little demo to come out of it: codepen.io/editor/chris...
Really hyped about Fragment refs and browser APIs. Cool to see ViewTransitions stable too.
react.dev/blog/2026/09...
Really hyped about Fragment refs and browser APIs. Cool to see ViewTransitions stable too.
react.dev/blog/2026/09...
#ViewTransitions #CSS #SPA
#ViewTransitions #CSS #SPA
https://master.dev/blog/view-transitions-careful-not-to-make-stuff-unclickable/?ref=frontenddogma.com
#css #viewtransitions #usability
https://master.dev/blog/view-transitions-careful-not-to-make-stuff-unclickable/?ref=frontenddogma.com
#css #viewtransitions #usability
🔗 : react.dev/blog/2025/04...
#ReactJS #WebDev #Frontend #ViewTransitions
🔗 : react.dev/blog/2025/04...
#ReactJS #WebDev #Frontend #ViewTransitions
#viewtransitions
#viewtransitions
Biggest benefit: useSuspenseQuery from @tanstack.com will load inside
Though hiding and showing again still triggers stale queries to revalidate.
Biggest benefit: useSuspenseQuery from @tanstack.com will load inside
Though hiding and showing again still triggers stale queries to revalidate.
aarontgrogg.com/blog/2025/09...
aarontgrogg.com/blog/2025/09...
What's new for developers:
🧩 View Transition API for SPAs
⚙️ New Map/WeakMap methods (getOrInsert)
🧱 Element.moveBefore()
📱 ScreenOrientation.lock()
🕐 Built-in time picker for (🧪exp.)
Read more 👇
developer.mozilla.org/en-US/docs/...
・開発環境が本番環境により近く。従来は本番環境で発生した不具合に開発時点で気づきやすくなる。
・Cloudflareとの連携がより強化。
・Live Collectionsが安定版に。型安全にリアルタイムなコンテンツを取得。
・Content Security Policyが安定版に。読み込み可能なリソースを制御することで保護を強化。型安全かつ全レンダリングで動作。公式拡張機能との互換性あり。
・削除されるAPI:Astro.glob()、emitESMImage()、非推奨の<ViewTransitions />
・開発環境が本番環境により近く。従来は本番環境で発生した不具合に開発時点で気づきやすくなる。
・Cloudflareとの連携がより強化。
・Live Collectionsが安定版に。型安全にリアルタイムなコンテンツを取得。
・Content Security Policyが安定版に。読み込み可能なリソースを制御することで保護を強化。型安全かつ全レンダリングで動作。公式拡張機能との互換性あり。
・削除されるAPI:Astro.glob()、emitESMImage()、非推奨の<ViewTransitions />
●View Transitions APIのアップデート
従来:JSを使用した<ViewTransitions />
実装後:CSSを使用した@view-transition
Astroに限らないChromeやEdgeの新対応機能。より動的な部分は従来のまま、CSSで対応できる部分はより軽量にと使い分け可能に。数週間以内に実装されそう。
個人的に3つの中で一番使用頻度が高そう。読み込みを重くせずよりリッチな動きを取り入れられる。
●View Transitions APIのアップデート
従来:JSを使用した<ViewTransitions />
実装後:CSSを使用した@view-transition
Astroに限らないChromeやEdgeの新対応機能。より動的な部分は従来のまま、CSSで対応できる部分はより軽量にと使い分け可能に。数週間以内に実装されそう。
個人的に3つの中で一番使用頻度が高そう。読み込みを重くせずよりリッチな動きを取り入れられる。
Venture into our latest blog post, where the author describes how to use view transitions, now officially supported by React.
https://bit.ly/4hpfHfj
#Codeminer42 #Blog #React #ViewTransitions
Venture into our latest blog post, where the author describes how to use view transitions, now officially supported by React.
https://bit.ly/4hpfHfj
#Codeminer42 #Blog #React #ViewTransitions
I've experimented with this on multiple sites already and it's a great (progressive enhancement) addition to the web!
#CSSDay #webdev
I've experimented with this on multiple sites already and it's a great (progressive enhancement) addition to the web!
#CSSDay #webdev
Nope.. the website is still an MPA, meaning optimal crawlability, accessibility etc.
But yes, it does feel like an SPA thanks to ViewTransitions:
developer.chrome.com/docs/web-pla...
4/4
Nope.. the website is still an MPA, meaning optimal crawlability, accessibility etc.
But yes, it does feel like an SPA thanks to ViewTransitions:
developer.chrome.com/docs/web-pla...
4/4
Not just the basic #CSS, but applying a bit of tailored #JavaScript thanks to @bram.us his demos.
Here are the results:
1/4
Not just the basic #CSS, but applying a bit of tailored #JavaScript thanks to @bram.us his demos.
Here are the results:
1/4