Componentes de instructivos
"Instructivo: Componentes" son una colección de componentes web que implementan IU comunes o patrones. El objetivo de estas implementaciones es ser un recurso educativo. Puedes leer la implementación de diferentes comentarios con muchos comentarios. componentes y, con suerte, aprender de ellos. Ten en cuenta que NO son explícitamente una biblioteca de IU y NO deben usarse en producción.
Componentes
<howto-checkbox>
: Representa una opción booleana en un formulario. El tipo más común de es una casilla de verificación doble que permite al usuario alternar entre dos opciones: marcada y desmarcada.<howto-tabs>
: Limita el contenido visible separándolo en varios paneles.<howto-tooltip>
: Es una ventana emergente que muestra información relacionada con un elemento cuando este recibe el foco del teclado o el mouse se coloca sobre él.
Objetivos
Nuestro objetivo es demostrar las prácticas recomendadas para escribir componentes sólidos que son accesible, eficaz, fácil de mantener y fácil de diseñar. Cada componente completamente independiente, de modo que pueda servir como implementación de referencia.
Accesibilidad
Los componentes siguen de cerca la creación de ARIA de WAI. prácticas, que es una guía para explicar y mostrar ARIA, la Aplicación de Internet enriquecida accesible estándar. Si no conoces ARIA, consulta nuestra introducción sobre WebFundamentals Cada componente se vincula a la sección relevante de las prácticas de creación. Mientras que pero no es estrictamente necesario, te recomendamos que leas la sección Prácticas antes de profundizar en el código.
Rendimiento
En el desarrollo web,
el término “rendimiento” se pueden aplicar a una gran variedad de
las cosas. En el contexto de <howto>
, el rendimiento se refiere principalmente a animaciones.
se ejecuta constantemente a 60 fps, incluso en dispositivos móviles.
Flexibilidad visual
En la medida de lo posible, no se les da estilo a los componentes, excepto para el diseño o para indicar un estado seleccionado o activo. Esto permite que la implementación sea visualmente flexible y concentrado. Si no dedicamos tiempo a la decoración, limitamos el código solo a lo que es absolutamente necesaria para hacer que el componente funcione. Si se requiere algún estilo para que el componente funcione, el estilo estará marcado con un comentario para explicarle por qué.
Código sostenible
Como HowTo: Componentes es una referencia invertimos más tiempo en escribir textos legibles y fáciles un código comprensible con muchos comentarios.
Sin objetivos
Ser una biblioteca, un marco de trabajo o un kit de herramientas
Los componentes de <howto>
no se publican en npm, bower ni ninguna otra plataforma
porque no están diseñadas para usarse en producción. Para ser concisos,
legible, usamos APIs de JavaScript modernas y admitimos
navegadores que implementan los estándares de componentes web. Tú
será capaz de adaptar el código para que se ajuste a tus propias necesidades después de leer estos
de Google Cloud.
Ser retrocompatible
No se debe confiar directamente en el código. Podríamos, y muy probablemente lo haremos, drásticamente la implementación y la API de cualquier elemento si es para identificar la implementación. Se trata de un recurso vivo donde podemos compartir explorar y analizar las prácticas recomendadas para compilar IU web.
Sé completo
Actualmente, no implementamos (y probablemente no lo hacemos) *todos *los componentes que se pueden
que se encuentra en las prácticas de creación de ARIA de WAI. Sin embargo, reutilizar los principios utilizados
en otros componentes de <howto>
debería permitir que los lectores implementen cualquier componente
que faltan.