GitHub Repo stars
Comparação entre Microsoft Live Preview e Live Server no VS Code, recarregamento automático no navegador e correção de erros de caminho em sites estáticos.

Sep 30, 2025, 4 min read

Pré-visualização em Tempo Real no VS Code: Um Guia Rápido

O tutorial aborda roteamento i18n no Astro, organização de pastas por locale e gerenciamento de strings de UI com Paraglide para sites multilíngues em produção.

Sep 30, 2025, 4 min read

Um Guia Rápido para Localizar um Site Astro

Container queries, cascade layers, custom properties e o seletor :has permitem escrever CSS responsivo e de fácil manutenção sem depender de frameworks.

Sep 29, 2025, 4 min read

5 Recursos CSS Modernos que Todo Desenvolvedor Deveria Conhecer

A Intersection Observer API detecta visibilidade de elementos no viewport, substituindo listeners de scroll para lazy loading, animações e autoplay de vídeos.

Sep 29, 2025, 4 min read

Detectando Quando Elementos Entram no Viewport com Intersection Observer

Comparação entre Eleventy e WordPress em desempenho, segurança e custo para escolher a arquitetura estática ou dinâmica ideal no próximo projeto web.

Sep 28, 2025, 5 min read

Comparando 11ty e WordPress para Projetos Web Modernos

Comparação entre CSS animations, GSAP e a Web Animations API na criação de animações SVG performáticas, acessíveis, com paths otimizados e reuso de elementos.

Sep 27, 2025, 5 min read

Técnicas Modernas de Animação SVG

A combinação de atributos de validação do HTML5 com feedback inline no servidor via htmx permite criar formulários mais limpos sem grandes quantidades de JavaScript.

Sep 26, 2025, 4 min read

Validação de Formulários Simplificada com htmx

Construção de popovers acessíveis com a Popover API nativa, posicionamento CSS e atributos ARIA para suporte à navegação por teclado e gerenciamento de foco.

Sep 26, 2025, 4 min read

Criando Popovers Acessíveis com CSS e JS Modernos

HTML semântico e marcação Schema.org permitem que navegadores com IA, como Comet e Edge Copilot, interpretem o conteúdo dos sites com eficiência.

Sep 25, 2025, 5 min read

Navegadores com IA e o Futuro do Desenvolvimento Web

É possível criar documentação de UI viva com Storybook, usando Autodocs, MDX e Controls para manter os docs de componentes sincronizados com o código real.

Sep 24, 2025, 4 min read

Storybook: Construindo Melhor Documentação de UI

O controle do comprimento de linha em CSS com unidades ch, clamp() e container queries melhora a legibilidade e atende às diretrizes de acessibilidade.

Sep 24, 2025, 4 min read

Controlando o Comprimento de Linha em CSS para Melhor Legibilidade

Este tutorial aborda o dark mode com a variante dark do Tailwind CSS, incluindo preferências do sistema, toggles manuais e persistência via localStorage.

Sep 23, 2025, 4 min read

Adicionando Dark Mode ao Seu Site com Tailwind

Reverse proxies como Nginx, Caddy e Traefik roteiam tráfego, realizam terminação HTTPS e servem apps React e Node.js sob um único domínio.

Sep 22, 2025, 4 min read

Servidores de Reverse Proxy Explicados para Desenvolvedores Web

A correção de pontuações LCP lentas envolve tratar TTFB, descoberta de recursos e render blocking com cache em CDN e estratégias de preload de imagens.

Sep 22, 2025, 5 min read

Core Web Vitals: Como Otimizar o LCP

O Git rebase reproduz commits em branches de destino para um histórico linear limpo; squash interativo e force push são aplicáveis em branches de feature.

Sep 21, 2025, 4 min read

Git Rebase para Iniciantes: Uma Introdução Simples

Configuração de Git pre-commit hooks com o framework pre-commit, ESLint, Prettier e Black para identificar erros de formatação e linting antes de cada commit.

Sep 20, 2025, 5 min read

Automatizando Verificações de Código com Git Pre-Commit Hooks

Instalando o Gemini CLI e autenticando via conta Google, é possível explorar bases de código, gerar testes e refatorar código pelo terminal.

Sep 19, 2025, 5 min read

Começando com o Gemini CLI do Google

Recursos do Ghostty como aceleração por GPU, suporte a GTK4, multiplexação nativa e persistência de sessão para otimizar o fluxo de trabalho.

Sep 19, 2025, 5 min read

Ghostty: Um Terminal Moderno para Desenvolvedores

O operador pipeline do JavaScript transforma chamadas de funções aninhadas em fluxos de código lineares e legíveis, e o Babel permite seu uso já hoje.

Sep 18, 2025, 4 min read

Operador Pipeline do JavaScript e o Que Ele Significa

Edições em múltiplos arquivos, agentes contextuais, slash commands e entrada de voz são recursos avançados do GitHub Copilot que transformam o desenvolvimento.

Sep 17, 2025, 4 min read

Recursos Avançados do GitHub Copilot Que Você Deveria Experimentar

O CSS Anchor Positioning permite fixar tooltips, dropdowns e popovers a elementos com CSS puro, eliminando cálculos de posicionamento em JavaScript.

Sep 17, 2025, 4 min read

Posicionamento de Âncora CSS Explicado

É possível controlar a ordem de carregamento de recursos com fetchpriority e Priority Hints para melhorar pontuações de LCP e os Core Web Vitals.

Sep 16, 2025, 5 min read

Usando Priority Hints com fetchpriority para Performance

É possível criar web apps controlados por movimento com a Device Orientation API, eixos alpha, beta e gamma, dados de giroscópio e permissões do iOS.

Sep 16, 2025, 5 min read

Compreendendo a API de Orientação do Dispositivo

O top-level await em módulos ES elimina workarounds com async IIFE e molda a execução de módulos, imports dinâmicos e dependências circulares no JavaScript.

Sep 15, 2025, 5 min read

Usando Top-Level Await no JavaScript Moderno