Aujourd'hui, lors du défi IUG, @AdamArgyleInk explique comment créer des toasts, un composant non interactif et passif permettant à l'UI de fournir des commentaires aux utilisateurs. Explorez l'élément [output], la grille CSS, les animations et la technique FLIP qui permet de créer un composant adaptatif et accessible.
Chapitres:
- 0:00 – Introduction
- 0:23 – Présentation
- 02:02 - [sortie]
- 3:00 – Mise en page
- 4:41 – Animation
- 5:50 – JavaScript Partie 1
- 6:55 – Mouvement réduit
- 7:43 – Images clés
- 8:09 – JavaScript (partie 2)
- 10:48 – F.L.I.P.
- 14:18 – Conclusion
Resources:
- À lire → https://goo.gle/3GghBfI
- Essayer une version de démonstration → https://goo.gle/3EHsuXG
- Télécharger la source → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (de SuperCharged) → https://goo.gle/31IOFy0
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → https://goo.gle/ChromeDevs