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.

Projeto Escopo Aberto ,2 meses 4 h\dia
Integração com APIS : Facebook, LinkedIn, salesforce
@GuiaDev
Entrar em contato com Tatiane +55 16 98215-9024

@GuiaDev
Conheça o docz, sua nova ferramenta para documentar components em ReactJs
https://goo.gl/sZDL9U

@GuiaDev
Componentes essenciais para um bom projeto com VueJs
https://goo.gl/ZaQAd9

Envie seu currículo para gabriel@neomode.com.br

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

Felipe Fialho:

O inicio, o fim e o meio do Desenvolvimento Front-End
Sou desenvolvedor desde 2009, nessa época ainda não existia o termo “Front-End Developer” e essa profissão passou por diversas mudanças desde então.
https://lnkd.in/eacKDKu

Pennacorp Sistemas contrata!!
Vaga para Santo André - SP

Hoje live coding começará entre 19:30 e 20hrs. Agora faremos a integração do #FrontEnd feito em #React com a nossa #APIREst que está feita em cima do #NodeJS com #Restify.

Viva ao #JavaScript. Quem quiser colar pra trocar um conhecimento, só entrar em:
twitch.tv/marcobrunobr