Pensar em maneiras de resolver BOTÕES DE DIVIDIR
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
No desafio de GUI de hoje, compartilho meu raciocínio sobre uma forma de resolver botões de divisão. Componente essencial para interfaces condensadas, ele permite que um único botão apresente ações secundárias. Muitas dicas excelentes sobre temas, sombras, cores, layouts, UX de interação e muito mais.
Capítulos:
- 0:00 - Introdução
- 0:24 - Visão geral
- 1:40 - Claro e escuro
- 3:37 - Sombras
- 5:45 - Dicas de SVG
- 7:12 - Estados
- 10:20 - UX do teclado
- 11:41 - UX de movimento reduzida
- 13:20 - UX do leitor de tela
- 14:13 - UX da direita para a esquerda
- 15:58 - Layouts do Flexbox
- 18:51 - JavaScript
- 21:22 - Encerramento
Resources:
Assista mais desafios da GUI → https://goo.gle/GUIchallenges
Inscreva-se no canal de desenvolvedores do Google Chrome → http://goo.gl/LLLNvf
arrow_back Voltar para todos os episódios
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2021-09-08 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Não contém as informações de que eu preciso"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muito complicado / etapas demais"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desatualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema na tradução"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema com as amostras / o código"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Outro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de entender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Meu problema foi resolvido"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Outro"
}]
{"lastModified": "\u00daltima atualiza\u00e7\u00e3o 2021-09-08 UTC."}
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2021-09-08 UTC."],[],[]]
