Nella GUI Challenge di oggi, @AdamArgyleInk crea stili per tutti i diversi tipi di pulsanti del web con proprietà personalizzate e :where(), per pulsanti adattivi chiari/scuri con cui è facile creare nuove varianti.
Capitoli:
- 0:00 - Introduzione
- 0:19 - Panoramica
- 2:08 - UX tastiera
- 2:46 - Nuovo selettore di temi
- 3:09 - UX per il mouse
- 3:34 - Pulsanti nei moduli
- 4:30 - Pulsante disattivato
- 5:22 - HTML
- 5:43 - Selettore di base CSS
- 6:24 - Proprietà personalizzate adattive
- 7:20 - Varianti dei pulsanti
- 10:10 - Creazione della variante del pulsante in diretta
- 11:18 - Riepilogo
- 11:50 - Movimento ridotto
- 12:57 - Conclusione
Risorse:
- Continua a leggere → https://goo.gle/3wEsaWR
- Prova una demo → https://goo.gle/3a2guoV
- Scarica la fonte →https://goo.gle/39uY8Na
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs