GrapesJS: o construtor visual open source que gera HTML limpo
GrapesJS e um framework open source para criar builders visuais de páginas web sem escrever HTML na mao. Veja como funciona, como instalar e quando faz sentido usar no seu projeto.
htmx 4.0: o que muda e como migrar sem reescrever seu frontend
O htmx 4.0 foi anunciado em 28 de agosto de 2026 com mudanças em eventos, herança de atributos, navegação e extensões. Veja como testar a versão, entender os riscos da migração e decidir se ela combina com seu projeto.
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!