Nella GUI Challenge di oggi, @AdamArgyleInk si diverte a creare effetti per l'interfaccia utente di fisica con proprietà CSS personalizzate, richiedi frame di animazione e un po' di codice JavaScript.
Capitoli:
- 0:00 - Introduzione
- 0:30 - Sfondo
- 1:32 - Spaziatura tra le lettere
- 2:35 - Dimensioni carattere
- 3:00 - Scala
- 3:28 - Gradiente
- 3:42 - Raggio bordo
- 3:53 - Larghezza
- 4:08 - Rotazione
- 5:26 - Rimbalzo
- 6:28 - Modifica ordine casuale
- 7:05 - Parco giochi
- 10:48 - Angolo di debug
- 13:00 - HTML
- 13:17 - JavaScript
- 15:00 - Spiegazione della fisica primaverile
- 18:28 - Spiegazione delle demo
- 20:35 - Conclusione
Risorse:
- Prova una demo → https://goo.gle/3GcHD58
- Scarica il codice sorgente → https://goo.gle/3n4Sfcg
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs