Do blog da OpenReplay
Usando es-toolkit para Utilitários JavaScript do Dia a Dia
es-toolkit oferece utilitários JavaScript tipados e tree-shakeable como alternativa leve ao Lodash, com bundles menores e migração simples.
Criando um Tooltip Puro em CSS
Crie um tooltip em CSS puro com ::after, data-tooltip e transições de opacidade, além de suporte a focus-visible e limites de acessibilidade.
O Que o Axios Ainda Oferece em Relação ao Fetch
Axios vs Fetch: veja onde o Axios ainda vence com interceptors, erros HTTP automáticos, instâncias compartilhadas, progresso de upload e timeouts.
Uma Visão Prática do Kubernetes
Visão geral do Kubernetes: arquitetura, Pods, Deployments, Services, Ingress e ConfigMaps para executar e escalar apps web em cluster.
Geração Automática de Skeleton Screens com boneyard
O boneyard-js gera skeleton loaders automaticamente a partir dos layouts reais dos componentes em dev, com .bones.json responsivos e suporte ao Vite.
Como Fazer Lint do seu CSS com Stylelint
Configuração do Stylelint para CSS: config, regras e comandos para detectar erros, aplicar padrões e integrar com Prettier e CI.
Uma Nova Forma de Explorar Pacotes npm com npmx
npmx simplifica a pesquisa de pacotes npm com comparação lado a lado, tamanho do bundle, formato de módulo, dependências e vulnerabilidades.
O Estado Atual dos Bundlers JavaScript
Bundlers JavaScript em 2026: comparação de Webpack, Vite, Turbopack, Rspack, esbuild, Rollup e Parcel para builds frontend.
Adicione Capacidades Reutilizáveis a Agentes de IA com skills.sh
skills.sh adiciona skills reutilizáveis para agentes de IA e fluxos de código, com SKILL.md, divulgação progressiva, CLI e comparação com MCP.
Como Fazer Deploy de Next.js Fora da Vercel com OpenNext
Implante Next.js fora da Vercel com self-hosting ou OpenNext na AWS e Cloudflare. Compare Node.js, Docker e a nova Adapter API.
Criando um Botão de Copiar para Blocos de Código
Crie um botão de copiar para blocos de código com a Clipboard API, usando textContent, try/catch, feedback visual e aria-labels.
Estilizando Resultados de Ctrl+F com ::search-text
Estilize os destaques de busca no navegador com ::search-text e :current. Inclui suporte CSS, propriedades permitidas e limites do Chromium.
Uma Defesa Simples Contra Ataques à Cadeia de Suprimentos do npm
Bloqueie ataques na cadeia de suprimentos npm com ignore-scripts=true, min-release-age e checks de CI para novos scripts de instalação.
Criando um Custom Post Type no WordPress
Crie um tipo de post personalizado no WordPress com register_post_type, show_in_rest, configuração em plugin e os modelos certos para arquivos e posts.
Formas Criativas de Estilizar Listas com CSS
Estilize listas com CSS usando HTML semântico, ::marker, ::before, contadores e @counter-style para marcadores e numeração personalizados e acessíveis.
Prevenindo Ataques de Travessia de Caminho em Node.js
Evite path traversal em Node.js com path.resolve, verificação de contenção via path.sep e lookup de arquivos por ID em vez de entrada do usuário.
Como Copiar Requisições de API da Aba Network
Copie requisições de API da aba Network no Chrome, Edge ou Firefox com cURL, fetch e exportação HAR para reproduzir e depurar erros.
Criação Flexível de Objetos com o Padrão Builder em JavaScript
Exemplos do Builder Pattern em JavaScript para criar objetos passo a passo, com fluent API, encadeamento de métodos, validação, padrões e API request builders.
Code Golf e a Arte dos Programas Minúsculos
Code golf explicado: menor código-fonte, sizecoding binário, truques de JavaScript, CSSBattle e linguagens como Vyxal e GolfScript.
Charts.css: Construindo Gráficos com CSS Puro
Charts.css usa CSS puro e tabelas HTML semânticas para criar gráficos de barras, linhas e pizza sem JavaScript, com dados acessíveis.
Acelere Sua Programação com Estes Atalhos de Teclado
Atalhos de teclado do VS Code para navegar, editar, buscar, refatorar e depurar mais rápido, com menos uso do mouse.
Como Organizar CSS em Projetos Web Modernos
Organize CSS com cascade layers, design tokens, CSS Modules e nesting raso para projetos web modernos fáceis de manter.
Detecção de Dispositivos Touch com JavaScript
Detecte dispositivos touch em JavaScript com maxTouchPoints, Pointer Events e media queries CSS para híbridos e o tipo de entrada atual.
Truques Criativos com o Gráfico de Contribuições do GitHub
Personalize seu gráfico de contribuições do GitHub com SVG, animação snake e cards de stats no README atualizados automaticamente via GitHub Actions.