📱 JavaScript: como detetar a largura do ecrã, o equivalente à @media query em código
MatchMedia, resize e jQuery: três formas de detetar a largura do ecrã em JavaScript. De MediaQueryList nativa a…
Artigos
✨ Animação de revelação de blocos ao fazer scroll: três abordagens para landing pages
Intersection Observer, AOS ou ScrollReveal, que ferramenta escolher para animar blocos ao fazer scroll. Uma comparação…
🚀 Carregamento lazy de imagens de fundo no Elementor: guia 2026
As imagens de fundo do Elementor não suportam loading="lazy". Três formas de implementar o carregamento lazy: função…
🎨 14 Serviços de placeholder para frontend: o que funciona em 2026
📦 Testámos 14 serviços CDN ativos para gerar imagens de placeholder: de blocos coloridos a renderização com IA. Todos…
🚀 13 Melhores ferramentas gráficas para programadores web em 2026
Compressão, criação e edição de imagens: 13 ferramentas para o fluxo gráfico completo - do TinyPNG e GIMP 3.2 a…
👀 Botão CSS animado: efeitos de vibração e pulsação em 10 minutos
Marcação HTML e código CSS prontos a usar para botões vibratórios e pulsantes. Três variantes de animação, demonstração…
🐛 Contact Form 7 - corrigir o problema de cache de recarga
O erro de recarga no Contact Form 7 torna o site mais lento. Correção via controller.php em 5 min, sem plugins, testado…
🔧 Contact form 7: configurar a entrega de e-mails e corrigir erros de envio
Os e-mails do Contact Form 7 não chegam? Configuração passo a passo do modelo de e-mail, análise de 6 motivos de falha…
🔧 Como substituir o preloader do Contact Form 7: spinner personalizado, centragem e animação CSS
Altere o spinner do Contact Form 7 com CSS: oculte a seta padrão, adicione o seu próprio GIF ou animação CSS, centre-o.…
🔒 Configurar HTTPS para WordPress via Cloudflare - guia passo a passo
Guia passo a passo para configurar HTTPS no WordPress via Cloudflare: registo, modo SSL, plugins, substituição de links…