Nel contesto della sfida GUI di oggi, creiamo un'esperienza utente di navigazione laterale scorrevole e accessibile utilizzando CSS e JS. La barra di navigazione laterale funziona su diversi browser, dimensioni dello schermo e dispositivi di input. Fantastico, vero? Seguiamo queste istruzioni mentre impieghiamo griglia, trasformazioni, pseudo-classi e un po' di JavaScript per gestire questa esperienza utente.
@AdamArgyleInk risponderà ai tuoi commenti per i primi 30 minuti dopo il lancio della puntata. Contattaci qui, fai domande o invia il tuo codice.
Capitoli:
- 0:00 - Introduzione
- 0:30 - Panoramica della funzionalità di debug dell'angolo
- 2:25 - Griglia += Layout stack query supporti
- 3:42 - Transizione della trasformazione accessibile
- 4:22 - :pseudoclasse target
- 5:57 - UX tasto Esc
- 6:16 - Concentrazione sull'orchestrazione
- 6:49 - UX screen reader
- 7:56 - Outro e invito all'azione
Risorse:
- Codice visualizzato → https://goo.gle/3sQ8Xif
- Leggi → https://goo.gle/2Np83J9
- Prova una demo → http://goo.gle/3bVBFYT
- Scopri come altri stanno creando sidenav (GUI Submissions) → https://goo.gle/36CAeuO
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → http://goo.gl/LLLNvf