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.