Nell'odierna GUI Challenge, @AdamArgyleInk condivide la riflessione su un modo per creare dei toast, un componente passivo e non interattivo per l'interfaccia utente per fornire feedback agli utenti. Esplora l'elemento [output], la griglia CSS, le animazioni e la tecnica FLIP che ti aiuta a creare un componente adattivo e accessibile.
Capitoli:
- 0:00 - Introduzione
- 0:23 - Panoramica
- 2:02 - [output]
- 3:00 - Layout
- 4:41 - Animazione
- 5:50 - Parte 1 di JavaScript
- 6:55 - Movimento ridotto
- 7:43 - Fotogrammi chiave
- 8:09 - JavaScript Parte 2
- 10:48 - F.L.I.P.
- 14:18 - Conclusione
Risorse:
- Leggi → https://goo.gle/3GghBfI
- Prova una demo → https://goo.gle/3EHsuXG
- Scarica la fonte → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (da SuperCharged) → https://goo.gle/31IOFy0
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs