Native Seitenüberblendungen in HTML mit SPA View Transitions - in 5 Minuten
Heute geht es um die neue View Transitions API! Flüssige Seitenüberblendungen für jede Web Anwendung!
Ja das war früher auch schon möglich, war aber eher kompliziert. Mit SPA View Transitions kann ich das nun alle Arten von Web Anwendungen so aussehen lassen, als wären sie SPAs. Und das nativ mit Browserunterstützung.
Das ist aus unserer Sicht eine große Sache!
Wir erklären euch alles nötige in 5 Minuten!
Werte Zuseher:in!
heute wird es wieder kurz und knackig!
In etwa 5 Minuten erklären wir euch was es mit SPA View Transitions auf sich hat.
Wir sind sogar so schnell unterwegs, dass wir sogar keine Zeit daran verschwenden zotige Qualitätswitze zu machen.
Seitenüberblendungen - klingt so banal. Aber das ist schon eine Zutat die SPAs so richtig knackig und App-like aussehen lässt. SPAs haben so ihre Vorteile und ihre Nachteile. Den Aspekt der Seitenüberblendungen kann nun auch in nicht SPAs eingesetzt werden. Und wahrscheinlich werden auch SPA Libraries und Frameworks dieses zukünftig nutzen.
Erfahrt in dieser Folge Papperlapapp - Spaß mit Klammern! alles wichtige rund um diese neue API!
Wir sind begeistert! Schaut doch mal rein! Wir sind gespannt was ihr so denkt!
Wie sieht das bei euch aus? Was ist eure Haltung zu solcherlei Seitenüberblendungen? Habt ihr diese API schon ausprobiert? Was denkt ihr darüber? Gamechanger oder Meh!?
Schreibt es in die Kommentare! Wir sind sehr gespannt und wir freuen uns von euch zu hören!
Liken, abonnieren, Glocke drücken nicht vergessen!
In diesem Sinne: Papperlapapp - Spaß mit Klammern!
Vielen Dank fürs Zuschauen, viel Spaß und wir freuen uns sehr auf euer Feedback!
Stefan und Holger
Links:
Die SPA View Transition API bei Google https://developer.chrome.com/docs/web...
Von keinem geringeren geschrieben als Jake Archibald: https://jakearchibald.com/.
Die View Transition API auf MDN: https://developer.mozilla.org/en-US/d...
Die Verbreitung ist noch ... so mittel ...: https://caniuse.com/?search=view%20tr...
▬ Inhalt des Videos ▬▬▬▬▬▬▬▬▬▬
00:00 Begrüßung
00:09 Das Thema der Folge: "SPA View Transistions".
00:36 Eine Zeit vor SPA View Transitions
01:58 SPA View Transitions to the rescue
03:11 SPA View Transition API
04:21 Wie sieht das ganze aus?
04:47 Diskussion und Fazit!