Riflettere su come risolvere i CAMBI
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Nella sfida GUI di oggi, condivido il mio modo di pensare su come risolvere un passaggio. Un piccolo componente ricco di UX che si è rivelato una delle sfide più complesse finora. Tantissimi layout, accessibilità, animazioni e interazioni straordinarie da condividere, il che significa tantissimi luoghi in cui avere una preferenza di stile 😉
Capitoli:
- 0:00 - Introduzione
- 1:15 - Stati
- 2:05 - Interazioni
- 2:45 - Screen reader
- 3:14 - Touch
- 4:10 - Passaggio del mouse
- 05:07 - RTL
- 5:56 - CSS/JS non richiesti
- 7:00 - Variante verticale
- 9:14 - Flexbox
- 10:39 - Griglia
- 12:10 - Sostituzioni
- 15:38 - JavaScript
- 18:15 - Conclusione
Risorse:
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → http://goo.gl/LLLNvf
arrow_back Torna a tutte le puntate
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2021-08-11 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2021-08-11 UTC."],[],[]]