Pensando em resolver os BOTÕES

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:

Assista mais desafios da GUI → https://goo.gle/GUIchallenges

Inscreva-se no canal de desenvolvedores do Google Chrome → https://goo.gle/ChromeDevs

Voltar para todos os episódios