Pensando em resolver o TABS
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
No desafio da GUI de hoje, estamos criando um componente de guias com recursos bem interessantes que talvez você não tenha pensado. Nosso componente de guias é responsivo, oferece suporte a várias entradas de dispositivo, funciona em vários navegadores e permite que você imite alguns dos recursos avançados que adora nos apps.
@AdamArgyleInk vai responder aos seus comentários nos primeiros 30 minutos após o lançamento do episódio. Conecte-se conosco aqui, faça perguntas ou envie seu próprio código.
Capítulos:
- 0:00 - Introdução
- 0:42 - Visão geral dos recursos
- 3:03 - HTML
- 4:14 - Rolagem
- 5:04 - Inspecionar layouts
- 7:35 - Estilos de layout
- 12:10 - prefere-menos-movimento
- 13:10 - JavaScript e animação
- 14:37 - Conclusão
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-02-17 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-02-17 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-02-17 UTC."],[],[]]
