event.target vs event.currentTarget: qual usar?
É muito comum você conhecer o event.target mas ainda não ter ouvido falar no event.currentTarget. Entenda a diferença.
7 maneiras de selecionar elementos com Javascript sem querySelectorAll, querySelector e getElementById
Além dos já conhecidos querySelectorAll, querySelector e getElementById, existem essas 7 alternativas para você selecionar elementos na tela usando Javascript.
Front In Floripa 2022 e o charme dos eventos presenciais
Foi no Front In Floripa 2022 que me lembrei do charme dos eventos tech presenciais. Participe de eventos, faça contatos, e se me ver, fala comigo ;)
6 motivos para o focus não funcionar (com e sem Javascript)
Quando o focus não funciona, você pode verificar esses atributos HTML e alguns casos com Javascript.
Como trabalhar com links e botões em HTML da forma correta, com exemplos
Links e botões em HTML podem até ter uma aparência parecida em alguns momentos. Porém existe uma grande importância em saber quando usar cada um deles.
Inscreva-se para receber as novidades do blog por email:
O mínimo sobre focus de elementos em HTML, CSS e Javascript (bônus: tabindex)
Saber trabalhar com focus em elementos HTML faz o seu site melhorar em experiência, acessibilidade e design.
O que aprendi na Codecon 2022: um evento quase presencial
A Codecon 2022 é um evento online que simula um mundo virtual. Comodidade, gamificação e networking marcam esse acontecimento.
Como fazer um lazyload compatível com qualquer browser + Placeholder
Com algumas linhas de Javascript, você pode fazer esse lazyload compatível com qualquer navegador. Além de melhorar o desempenho e SEO do seu site, crie um skeleton placeholder estiloso.
Talvez você não deva usar o atributo loading="lazy"
O atributo loading="lazy" é mais uma vítima de um problema que todo front-end enfrenta: a compatibilidades entre os navegadores. Entenda porque você talvez não deva utilizá-lo, ainda.
Como evitar que imagens sem texto alternativo afetem o SEO e acessibilidade
Uma simples imagem sem texto alternativo pode afetar a acessibilidade e o posicionamento do seu site no Google. Veja como evitar isso.