No desafio da GUI de hoje, @AdamArgyleInk define o estilo de todos os diferentes tipos de botão da Web com propriedades personalizadas e :where(), para botões adaptativos claros/escuros que são fáceis de usar em novas variantes.
Capítulos:
- 0:00 - Introdução
- 0:19 - Visão geral
- 2:08 - UX do teclado
- 2:46 - Novo seletor de tema
- 3:09 - UX do mouse
- 3:34 - Botões em formulários
- 4:30 - Botão desativado
- 5:22 - HTML
- 5:43 - Seletor base de CSS
- 6:24 - Propriedades personalizadas adaptáveis
- 7:20 - Variantes do botão
- 10:10 - Criação da variante do botão "Ao vivo"
- 11:18 - Recapitulação
- 11:50 - Movimento reduzido
- 12:57 - Encerramento
Resources:
- Saiba mais → https://goo.gle/3wEsaWR
- Confira uma demonstração → https://goo.gle/3a2guoV
- Acesse a fonte →https://goo.gle/39uY8Na
Assista mais desafios da GUI → https://goo.gle/GUIchallenges
Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs