Pensar en formas de resolver los CARRUSELES
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 comparte las funciones y los aspectos de un componente de carrusel: temas adaptables, adaptativos a varios tipos de entradas del usuario, adaptables a las opciones de tiempo de creación y adaptables a las preferencias del usuario. Todas estas funciones se ven geniales, incluidas animaciones (con movimiento reducido, por supuesto) y flexibilidad para todos tus casos de uso.
Capítulos:
- 0:00 - Introducción
- 0:30 - Descripción general
- 3:50 - No incluido
- 6:28 - Superposición de cuadrícula
- 6:58: Máquina de estado
- 8:49: El rincón de la depuración
- 9:48: Colores forzados
- 11:58 - Teclado y accesibilidad
- 16:00: Accesibilidad frente a usabilidad
- 17:48: HTML
- 20:13: Mitigación de los cambios de diseño
- 22:04: Decoraciones ARIA
- 26:50: 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-07-27 (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"
}]
{"lastModified": "\u00daltima actualizaci\u00f3n:\u00a02022-07-27 (UTC)"}
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2022-07-27 (UTC)"]]