Im Rahmen der heutigen GUI-Herausforderung erläutert @AdamArgyleInk die Entwicklung von Toasts, einer nicht interaktiven und passiven Komponente für die Benutzeroberfläche, um Nutzerfeedback zu geben. Lernen Sie das Element [output], das CSS-Raster, Animationen und die FLIP-Technik kennen, mit der sich eine adaptive und barrierefreie Komponente erstellen lässt.
Kapitel:
- 0:00 – Einführung
- 0:23 – Übersicht
- 2:02 – [Ausgabe]
- 3:00 – Layout
- 4:41 – Animation
- 5:50 – JavaScript Teil 1
- 6:55 – Reduzierte Bewegung
- 7:43 – Keyframes
- 8:09 – JavaScript Teil 2
- 10:48 – F.L.I.P.
- 14:18 – Outro
Ressourcen:
- Mitlesen → https://goo.gle/3GghBfI
- Demo ansehen → https://goo.gle/3EHsuXG
- Quelle abrufen → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (von SuperCharged) → https://goo.gle/31IOFy0
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs