Front-end
O perigo da propriedade CSS list-style-type: none para listas acessíveis na web
A propriedade CSS list-style-type: none remove os bullet points das listas, mas também remove o significado semântico delas. Veja como corrigir isso.
Boas práticas para evitar problemas com margin collapsing em CSS
O margin collapsing pode causar problemas em seu layout. Por sorte, o CSS já está preparado para resolver o seu design.
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 ;)
Inscreva-se para receber as novidades do blog por email:
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.
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.