En el desafío de GUI de hoy, @AdamArgyleInk comparte ideas sobre una forma de crear avisos, un componente no interactivo y pasivo para que la IU proporcione comentarios de los usuarios. Explora el elemento [output], la cuadrícula de CSS, las animaciones y la técnica FLIP que ayuda a crear un componente adaptable y accesible.
Capítulos:
- 0:00 - Introducción
- 0:23 - Descripción general
- 2:02 - [salida]
- 3:00 - Diseño
- 4:41 - Animación
- 5:50 - JavaScript parte 1
- 6:55 - Movimiento reducido
- 7:43 - Fotogramas clave
- 8:09 - JavaScript parte 2
- 10:48: F.L.I.P.
- 14:18 - Final
Resources:
- Leer junto → https://goo.gle/3GghBfI
- Prueba una demostración → https://goo.gle/3EHsuXG
- Obtén la fuente → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (de SuperCharged) → https://goo.gle/31IOFy0
Mira más desafíos de GUI → https://goo.gle/GUIchallenges
Suscríbete a Google Chrome Developers → https://goo.gle/ChromeDevs