Pensando em maneiras de resolver MUDANÇAS
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
No desafio da interface gráfica do usuário de hoje, compartilho meu raciocínio sobre uma forma de resolver essa questão. Um componente minúsculo cheio de UX que acabou sendo um dos desafios mais complexos até agora. Vários layouts, acessibilidade, animações e interações incríveis para compartilhar, o que significa que você tem inúmeros lugares para você ter um estilo preferido 🎉
Capítulos:
- 0:00 - Introdução
- 1:15 - Estados
- 2:05 - Interações
- 2:45 - Leitor de tela
- 3:14 - Contato
- 4:10 - Passar o cursor
- 5:07 - RTL
- 5:56 - CSS/JS não é obrigatório
- 7:00 - Variante vertical
- 9:14 - Flexbox
- 10:39 - Grade
- 12:10 - Substituições
- 15:38 - JavaScript
- 18:15 - 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-08-11 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-08-11 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-08-11 UTC."],[],[]]
