En el desafío de la GUI de hoy, estamos compilando un componente de pestañas con algunas funciones muy interesantes que tal vez no hayas pensado. Nuestro componente de pestañas es responsivo, admite varias entradas de dispositivos y funciona en distintos navegadores. Además, te permite imitar algunas de las funciones comunes que te encantan en las apps.
@AdamArgyleInk responderá a tus comentarios durante los primeros 30 minutos después del lanzamiento del episodio. Comunícate con nosotros aquí, haz preguntas o envía tu propio código.
Capítulos:
- 0:00 - Introducción
- 0:42 - Descripción general de las funciones
- 3:03: HTML
- 4:14: Desplazamiento
- 5:04 - Inspeccionar diseños
- 7:35: Estilos de diseño
- 12:10: prefers-reduced-motion
- 13:10 - JavaScript y animación
- 14:37 - Conclusión
Resources:
- Lee juntos → https://goo.gle/37jHOen
- Prueba una demostración → http://goo.gle/3prCpb2
- Obtén la fuente → http://goo.gle/2NsK7EK
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a los desarrolladores de Google Chrome → http://goo.gl/LLLNvf