Nella GUI Challenge di oggi, @AdamArgyleInk mostra come migliorare visivamente l'elemento di dialogo mantenendo al contempo un'ottima UX accessibile e internazionale.
Capitoli:
- 0:00 - Introduzione
- 0:22 - Panoramica
- 0:53 - Revisione UX della finestra di dialogo
- 2:33 - Markup della finestra di dialogo
- 3:00 - Mostra/Nascondi
- 4:20 - Angolo di debug
- 5:38 - Colore adattivo
- 6:09 - Layout
- 7:10 - Movimento ridotto
- 08:30 - UX
- 9:55 - Eventi personalizzati
- 11:00 - Scorrevole
- 13:37 - Layout internazionale
- 14:52 - Riepilogo
- 15:30 - Conclusione
Risorse:
- Leggi → https://goo.gle/3E8K72W
- Prova una demo → https://goo.gle/3viMNa6
- Scarica il codice sorgente → https://goo.gle/3jyxgxF
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs