Cómo pensar formas de resolver los BAF
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En el desafío de la GUI de hoy, @AdamArgyleInk crea un par de botones de acción flotante (BAF) y habla sobre las consideraciones de UX y CSS para los botones de posición fija en la Web.
Capítulos:
- 0:00 - Introducción
- 0:43 - Propiedades lógicas
- 1:50 - Árbol de accesibilidad
- 3:18: Grupo de BAF
- 4:41: Orden de enfoque vs. orden de documentos
- 6:21: CSS .fabs
- 7:16: CSS .fab
- 12:54 - Animación
- 14:02 - Final
Resources:
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs
arrow_back Volver a todos los episodios
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2022-06-29 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]
{
"last_modified": "Última actualización: 2022-06-29 (UTC)",
"state": ""
}