No desafio de GUI de hoje, @AdamArgyleInk compartilha suas ideias sobre uma maneira de criar avisos, um componente não interativo e passivo para que a interface dê feedback ao usuário. Explore o elemento [output], a grade CSS, as animações e a técnica FLIP que ajuda a criar um componente adaptável e acessível.
Capítulos:
- 0:00 - Introdução
- 0:23 - Visão geral
- 2:02 - [saída]
- 3:00 - Layout
- 4:41 - Animação
- 5:50 - JavaScript Parte 1
- 6:55 - Movimento reduzido
- 7:43 - Frames-chave
- 8:09 - JavaScript Parte 2
- 10:48 - F.L.I.P.
- 14:18 - Encerramento
Resources:
- Saiba mais → https://goo.gle/3GghBfI
- Confira uma demonstração → https://goo.gle/3EHsuXG
- Acesse a fonte → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (do SuperCharged) → https://goo.gle/31IOFy0
Assista mais desafios da GUI → https://goo.gle/GUIchallenges
Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs