Do blog da OpenReplay
Detecção Moderna de Recursos no iOS (Sem Sofrimento)
Detecção moderna de recursos no iOS sem dor: CSS.supports, testes de comportamento e pouco UA sniffing para iOS 26 e iPads antigos.
5 Verificações de Acessibilidade para Executar Antes do Deploy
Cinco checks de acessibilidade antes de publicar: navegação por Tab, scans automáticos, HTML semântico, contraste e zoom de 200%.
Por que rel='noopener' Está Obsoleto para Links
Por que rel=noopener ficou obsoleto em links target=_blank, o que era o reverse tabnabbing e quando noreferrer, opener ou COOP ainda importam.
Como Forçar HTTPS com .htaccess
Force HTTPS com .htaccess usando regras de reescrita do Apache, corrija loops atrás de CDN ou balanceadores e configure www e HSTS.
Modo de Planejamento no Claude Code para Tarefas Complexas
Plan Mode no Claude Code explicado: como funciona, quatro formas de ativar, limites de somente leitura, fluxo de trabalho e quando evitar em edições simples.
Construindo um Data Grid com TanStack Table
Crie uma grade de dados com TanStack Table e adicione ordenação, filtros, paginação e virtualização, além de corrigir bugs de memoização.
Motion vs GSAP: Você Precisa dos Dois?
Motion vs GSAP para React: compare animação declarativa, timelines de scroll, licenças, desempenho e quando usar ambos juntos.
Adicionando Internacionalização a um Aplicativo React
Configure a internacionalização no React com react-i18next: interpolação, pluralização, layout RTL, formatação local e SSR no Next.js.
Como Persistir Estado no Local Storage com React
Persista o estado do React em localStorage com um hook reutilizável: useState preguiçoso, JSON try/catch, proteção SSR e sincronização entre abas.
Entendendo a Notação CIDR e Faixas de IP
CIDR, intervalos IP e cálculo de sub-redes para IPv4 e IPv6. Veja como ler prefixos, dimensionar redes e evitar sobreposição e regras abertas.
Edição no Navegador com contentEditable
Edição contenteditable no navegador: ative texto inline, capture eventos input, lide com limites do execCommand e evite XSS.
5 APIs JavaScript que Todo Desenvolvedor Frontend Deve Conhecer
5 APIs nativas de JavaScript para frontend: IntersectionObserver, ResizeObserver, AbortController, Clipboard API e View Transitions.
Como Corrigir o Erro 'ERR_TOO_MANY_REDIRECTS'
Corrija ERR_TOO_MANY_REDIRECTS com um guia de diagnóstico de loops de redirecionamento, falhas HTTP para HTTPS, SSL da Cloudflare e proxy.
Usando Agentes de IA para Automatizar Tarefas Repetitivas em Projetos
Use Claude Code skills para automatizar tarefas repetitivas do projeto, registrar etapas de setup e deploy e manter fluxos de trabalho confiáveis.
Testando Componentes Orientados a API no Storybook
Use MSW no Storybook 10 para testar componentes orientados por API em estados de carregando, erro, vazio e sucesso, e transformar stories em testes.
Propriedades Abreviadas CSS Mais Comuns
Guia de shorthand CSS para margin, padding, border, font, background e flex, com regras de reset, ordem dos valores e bugs silenciosos.
Fazendo Geometria Real no Navegador com Geometric.js
Geometric.js leva interseção de polígonos, limites, teste point-in-polygon e interpolação de caminhos a gráficos, mapas, SVG e Canvas no navegador.
3 Sistemas de Tipos Que Não São TypeScript
Compare JSDoc + @ts-check, ReScript e Flow como alternativas ao TypeScript para JavaScript, com trade-offs em segurança, build e adoção.
MDN Agora é um Servidor MCP
O servidor MCP da MDN dá a agentes de IA acesso em tempo real a busca, documentação e compatibilidade de navegador, além de instalação e limites.
O que é bunx e quando usá-lo
bunx explicado: como o Bun executa binários npm sem instalação global, quando usar --bun e quando npx ainda é a opção mais segura.
Como Truncar Texto em CSS
Trunque texto em CSS com text-overflow: ellipsis para uma linha ou line-clamp para várias, além de correções para flex e grid.
5 Bookmarklets Úteis para Desenvolvedores
Cinco bookmarklets úteis para desenvolvedores: editar páginas ao vivo, depurar layout, revelar campos de senha, captar cores e injetar o eruda.
Testando Componentes Svelte 5 com Vitest
Teste componentes Svelte 5 com Vitest usando mount, testing-library ou browser mode, além da configuração certa para runes, efeitos e snippets.
Primeiros Passos com npm Workspaces
Configuração, comandos e limites do npm workspaces para gerenciar um monorepo, vincular pacotes internos e saber quando adicionar Turborepo ou Nx.