Write once, use anywhere: Framework agnostische Design Systems mit Web Components
Durch die rasend schnelle Weiterentwicklung von Web-APIs (Stichwort Projekt Fugu) konnte die Lücke, die zwischen Progressive Web Apps (PWA) oder hybriden Entwicklungsansätzen und den nativen Apps bestand, mehr und mehr geschlossen werden. Auch visuell sind sie kaum noch von nativen Apps unterscheidbar. Jedoch wenn es um das Thema Animationen geht, waren native Apps durch die Verfügbarkeit nativer Animations-APIs immer einen Schritt voraus. Komplexe Animationen wie Container Transforms waren bisher ohne immensen Aufwand in Web-Apps praktisch nicht zu realisieren.
Richtig. Sie WAREN es.
Auch diese Lücke kann nun dank der neuen View Transition API und der Scroll-Driven Animations geschlossen werden. Und das beste daran: Alles fast ausschließlich per CSS.
Neugierig geworden? Dann gibt ihnen Sascha Lehmann von Thinktecture einen Überblick über die neuen APIs, wie Sie sie effektiv in ihrem Projekt einsetzen und wo ihre Grenzen liegen.
Event
![BASTA! Herbst 2024 Logo](https://www.thinktecture.com/storage/2024/04/BASTA-2024-Mainz-300x58.png)
Links & Materialien
Event
![BASTA! Herbst 2024 Logo](https://www.thinktecture.com/storage/2024/04/BASTA-2024-Mainz-300x58.png)
Weitere Artikel zu aktuellen Schwerpunkten
![sl_300x300](https://www.thinktecture.com/storage/2024/07/sl_300x300-1-150x150.png)
View Transition API Integration in Angular—a brave new world (Part 1)
![cl-neu](https://www.thinktecture.com/storage/2022/08/cl-neu-150x150.png)
AI-Funktionen zu Angular-Apps hinzufügen: lokal und offlinefähig
![kp_300x300](https://www.thinktecture.com/storage/2024/07/kp_300x300-1-150x150.png)
Data Access in .NET Native AOT with Sessions
![kp_300x300](https://www.thinktecture.com/storage/2024/07/kp_300x300-1-150x150.png)
Native AOT with ASP.NET Core – Overview
![sl_300x300](https://www.thinktecture.com/storage/2024/07/sl_300x300-1-150x150.png)