GSAP
Animatie die precies loopt zoals bedoeld, ook bij samengestelde tijdlijnen.
FrontendIn gebruik sinds 2021Regelmatig in gebruik
01Waarom deze keuze
Animatie die precies loopt zoals bedoeld, ook bij samengestelde tijdlijnen.
02Mijn aanpak
Een interface moet begrijpelijk zijn op het moment dat iemand hem voor het eerst ziet. Ik werk daarom van buiten naar binnen: eerst wat de gebruiker moet kunnen, dan welke schermen daarvoor nodig zijn, en pas daarna welke techniek dat het beste ondersteunt.
Prestaties horen bij het ontwerp, niet bij de oplevering. Beelden op maat, geen onnodige bibliotheken en een pagina die iets toont voordat alle code is geladen. Dat scheelt meer dan elke optimalisatie achteraf.
03Waar het in de praktijk misgaat
- Een zware bibliotheek toevoegen voor een probleem van vijf regels
- Toestandsbeheer opzetten dat het scherm niet nodig heeft
- Animaties die de eerste weergave vertragen
04Waar het minder past
Voor een eenvoudige hover volstaat een CSS-transitie.