content-visibility: auto - Como Otimizar o Render de Páginas Web no CSS
Aprenda a utilizar a propriedade CSS content-visibility: auto para pular a renderização de elementos fora da tela e acelerar o carregamento de sites.
HTMX: como remover o React do projeto e simplificar o frontend
HTMX permite adicionar interatividade ao HTML sem escrever JavaScript. Equipes estão removendo React de projetos e adotando HTMX para reduzir complexidade, bundle size e tempo de build. Veja como funciona e quando faz sentido fazer essa troca.
Sanitização de HTML: por que HTML simples pode ser inseguro
O debate do Reddit sobre bloquear HTML simples revela uma verdade importante: mesmo tags HTML aparentemente inofensivas podem ser vetores de XSS. Aprenda como funciona a sanitização de HTML, quais bibliotecas usar e como proteger sua aplicação web de forma prática.
Bento: apresentações em slides dentro de um único arquivo HTML
Bento é uma ferramenta que coloca uma apresentação de slides inteira, incluindo edição, visualização, dados e colaboração, dentro de um único arquivo HTML que você pode compartilhar, hospedar em qualquer lugar ou abrir offline no navegador.
Jelly UI: física soft-body para controles HTML nativos no navegador
O Jelly UI e uma biblioteca que adiciona física de corpo mole (soft-body) a elementos HTML nativos como inputs, checkboxes e botões. O resultado e uma UX fluida e divertida sem precisar de canvas ou WebGL. Veja como funciona e como usar no seu projeto.
como adicionar a imagem de compartilhamento no seu blog é por que isso importa
Você já se pegou compartilhando um link no WhatsApp ou no LinkedIn e achando que aquela imagem bonitinha que apareceu no chat faz toda a diferença? Essa imagem é chamada de og:image é, adivinha só? É super importante para o seu site também! Neste post, vamos te ensinar o que é isso, como configurar em qualquer site e por que você não pode ignorar isso se não quiser perder visitas. Vem aí o guia definitivo sobre og:image!