Pensare a modi per risolvere i FAB
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Nella GUI Challenge di oggi, @AdamArgyleInk crea un paio di pulsanti di azione mobili (FAB) e parla delle considerazioni relative a UX e CSS per i pulsanti con posizione fissa sul web.
Capitoli:
- 0:00 - Introduzione
- 0:43 - Proprietà logiche
- 1:50 - Albero dell'accessibilità
- 3:18 - FAB Group
- 4:41 - Ordine principale e ordine dei documenti
- 6:21 - CSS .fAB
- 7:16 - CSS .fab
- 12:54 - Animazione
- 14:02 - Conclusione
Risorse:
Guarda altre sfide GUI → https://goo.gle/GUIchallenges
Abbonati agli sviluppatori di Google Chrome → https://goo.gle/ChromeDevs
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 2022-06-29 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Mancano le informazioni di cui ho bisogno"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Troppo complicato/troppi passaggi"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsoleti"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema di traduzione"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema relativo a esempi/codice"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Altra"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile da capire"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Il problema è stato risolto"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Altra"
}]
{
"lastModified": "Ultimo aggiornamento 2022-06-29 UTC.",
"confidential": False
}