E você costuma utilizar <div> para tudo?
Ele é uma mão na roda, mas como um elemento genérico, é mais recomendado utilizar as tags que fazem sentido para aquele contexto.

#html5 #htmlmoderno #semantica #html

#PraCegoLer #PraCegoVer
Uma imagem com fundo preto simulando um editor de código, mostrando textos e exemplos de como utilizar da melhor maneira o elemento div.

Mostra também que no html5 surgiram diversos elementos como a tag article, section, aside, header, footer e etc.

Ao invés de utilizar a tag div com a class article, seria mais interessante usar a tag article para dar mais semântica no código.

E com dicas tipo:
Se seu bloco de elementos não tiver nenhum elemento semântico para usar, então utilize div.

A div pode ser usado criar um "wrapper" para seu código

E Usar em algumas tags por questão de suporte, por exemplo a tag main que tem suporte no internet explorer somente a partir da versão 12. Recomenda-se também utilizar o atributo role com o valor main para que mantenha o mapeamento de Landmarks da ARIA.

Parece besteira, mas tem muito mais para falar sobre o button ainda.

#html5 #htmlmoderno #semantica #html #button

#PraCegoLer #PraCegoVer
Uma imagem com fundo preto simulando um editor de código, mostrando textos e exemplos de como utilizar o element button (tag).

Mostra exemplos que funciona, porém que devem ser evitados quando possível de como criar buttons através de outros elementos como input do tipo submit, div com a landmark role=button e link sem href com a landmark role=button, tabindex e um atributo aria chamado aria-pressed que informa a alternância do botão quando pressionado.

E também utilizando o elemento button para mostrar que não precisa de tanta configuração e que tem a semântica e acessibilidade de maneira nativa.

Observações:
O elemento button sem o atributo type, assume o type automaticamente como submit;
Os types são importantes para definir sua ação e os disponíveis são (button, reset e submit)

button = Sem comportamento padrão (Muito usado fora dos forms)
reset = Quando usado em forms, redefine para valores iniciais
submit = Envia dados (Normalmente encontrado em forms)

E para deixar mais acessível usar "aria-label" ou "aria-labelledby" quando o <button> não tiver uma descrição (usado normalmente quando utilizamos ícones), essa abordagem atende a técnica (ARIA14) da WCAG 2.0

Quer aprender #JavaScript e #React? Aparece na aula de hoje ao vivo e free às 21:45.
Aparece no youtube.com/c/collabcode ou na twitch.tv/marcobrunobr.

Terminamos tudo de #HTML e #CSS.

Ah! Se você perdeu as últimas aulas, assista elas nessa playlist: https://www.youtube.com/watch?v=NClqhzzyWxs&list=PLirko8T4cEmw1obIsfrj1jGoOxZIaOzEF&index=1

Aula de hoje é sobre as unidades de medida do #CSS: px; em; rem; %; vw; vh; ch; ex; unitless; vmin; vmax, Das 11 unidades de medida nós veremos hoje, 6.

Aparece pra trocarmos conhecimento às 22:00 ao vivo e de graça pela http://twitch.tv/marcobrunobr e http://youtube.com/c/collabcode .

#html #css

Olha que legal! Algumas meninas do EBANX lançaram um CURSO GRATUITO na Udemy de Introdução à Programação.

Se você está começando na área, vale a pena dar uma olhada 😁

https://www.udemy.com/girls4tech/

Galera hoje às 22hrs pela twitch.tv/Marcobrunobr e YouTube.com/c/cololabcode começa curso Free e ao vivo de FrontEnd e boas práticas que vamos trocar conhecimento sobre #HTML, #CSS, um pouco de #JavaScript além de #ITCSS e #RSCSS. Cola ao galera e me ajuda a divulgar ;-)

Acabou de subir o post menos técnico que já escrevi na vida, mas é difícil não falar de #HTML, #CSS e #JavaScript. Nele estou contando 5 dicas que usei para realizar o meu maior sonho. Espero que essas 5 dicas também te ajude.

Lê lá e me diz o que você achou: https://medium.com/collabcode/5-dicas-para-voc%C3%AA-realizar-seus-sonhos-6c2c5a508e68

Comunidade! Se você perdeu a aula de ontem do curso ao vivo e graça de #HTML, #CSS e #JavaScript que estou fazendo na twitch.tv/marcobrunobr às 19:32 (BR) de segunda e terça. Não tem problema você pode assistir o episódio #04 no YouTube da CollabCode:

https://www.youtube.com/watch?v=TUyVirq713o

Hoje curso de graça e ao vivo de #HTML, #CSS e #JavaScript com boas práticas:

🔴 Local: http://twitch.tv/marcobrunobr
🗓 Dia: 28/01/2020
⏰ Horário: 19:00 às 21:00 (Brasília)
📙 eBook grátis: http://bit.ly/ebook-curso-html-css-javascript

Chame uma pessoa para estudar com você! 😉