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.

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.

Uma simples imagem sem texto alternativo pode afetar a acessibilidade e o posicionamento do seu site no Google. Veja como evitar isso.

Isto não é um tutorial de como mudar sua carreira, é apenas uma parte da jornada que aconteceu comigo. Migrei do Marketing para a programação.

Se você está lendo isso, já começou errado. Porque o pior front-end é aquele que nunca estuda, nem lê conteúdos na internet sobre programação.

Nessas 11 dicas de commit falo sobre como criar melhores mensagens, commits com muitos ou poucos arquivos, além de atalhos para agilizar o seu trabalho.

Entenda as melhores situações no CSS para usar valores absolutos, como pixel, e valores relativos, como percentual ou rem.

Atalhos vs code para você usar enquanto escreve código, para navegar pelo VS Code e também manipular o terminal integrado.

O Box Model define as 4 partes de um elemento HTML: conteúdo, padding, border e margin. Só isso seria simples, se não fosse o box-sizing interferindo no tamanho dos elementos. Para se aprofundar em front-end, é preciso entender também sobre o box-sizing e o impacto dele no funcionamento de width.

Conhecer referências não só de programação, mas também de marketing digital é muito importante para você que trabalha com front-end. Além do código, entenda como o Google organiza seu algoritmo. SEO e acessibilidade são mais alguns exemplos.