data0#NavigationAPI is now baseline and it's so nice!
- No more click listeners on `<a>` tags, fighting with history state, manually updating the #dom, listening for popstate events
- handles scroll position
- ties in with the #ViewTransitionsAPI
Qiita - 人気の記事[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする
https://qiita.com/access3151fq/items/a057c9b6398afae43670?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
GENKI#PHP でいいじゃんという機運がもし高まったら #RiotJS にとってはむしろ勝機、いや、勝つとか負けるとかいうフェーズではもはやないけど、シチュエーションによっては活路があるというか利用シーンでてくる気はしている。
そのためにもランタイムスロットのことをやっぱり記事書きたいな。
このあたりの機能は Inspired by #AlpineJS なので、事前コンパイルなしで使える（というか RiotJS のコンパイラーを含むバージョンを使う）し、サーバーサイドの #PHP とは親和性が高い気がしてる（気がしているだけ
あとは #ViewTransitionsAPI が通常のページ遷移でも効くようになってくれたら、最高なんだけどなあ 
StephaneEmbracing the View Transitions API has been a game-changer for me in web development! 💻✨ This powerful feature from the Web Platform allows seamless and visually appealing transitions between pages, adding a touch of magic to the user experience.
So, if you haven't dived into the world of View Transitions API, I highly recommend giving it a try.
Happy coding! 🚀🎉
https://developer.chrome.com/docs/web-platform/view-transitions/
Inautilo#Development #Techniques
Complex MPA view transitions · Let’s animate multiple page elements in an orchestrated way https://ilo.im/15e6ot
_____
#WebDev #Design #UiDesign #WebDesign #Animation #Motion #Frontend #HTML #CSS #ViewTransitionsAPI
#Development #Demos
How we designed and built a view transition demo · An illustration of the power of the View Transitions API https://ilo.im/15e65i
_____
#WebDev #Animation #Design #WebDesign #Frontend #CSS #JavaScript #ViewTransitionsAPI #Astro
#Design #Guides
Transitions · Ideas for transitions on your website from Material Design https://ilo.im/154rvc (via https://mastodon.social/@jaffathecake/111017603042033884)
_____
#UxDesign #UiDesign #MaterialDesign #WebDesign #DesignPatterns #Website #Accessibility #ViewTransitionsAPI #JavaScript
#Development #Explorations
The SPA vs. MPA debate · Two new browser APIs are set to change the debate https://ilo.im/1539wq
_____
#WebDev #Frontend #JavaScript #ViewTransitionsAPI #NavigationAPI #SPA #MPA
#Development #Releases
Astro 3.0 · The modern web framework now supports the View Transitions API https://ilo.im/15190t
_____
#WebDev #Frontend #Framework #OpenSource #JavaScript #ViewTransitionsAPI #Npm
Téotime Pacreau#Day37 : Table with dynamic pagination
Online demo : https://teotimepacreau.github.io/Table-with-dynamic-pagination-Day37-of-100-DaysOfCode/
Source Code : https://github.com/teotimepacreau/Table-with-dynamic-pagination-Day37-of-100-DaysOfCode
Learned :
- pushing in an array each rows until a number of rowsPerPage with a for(i=0; i<arrayOfRows.length; i=i+rowsPerPage)
- implemented ViewTransitions API
- active page styled
- tried to implement a sorter but non complete
#WebDev #Frontend #CSS #WebDesign #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #ViewTransitionsAPI