Do blog da OpenReplay
5 Alternativas ao Figma Construídas com Tecnologias Web
5 alternativas ao Figma feitas com tecnologias web: Penpot, Plasmic, Webstudio, Framer e tldraw para fluxos de design nativos do navegador.
O Estado do CSS-in-JS em 2026
CSS-in-JS em 2026: runtime ou zero-runtime, limites com React Server Components e Next.js App Router, e qual abordagem de estilo usar no app.
Como Criar um App Android com o Android CLI
Configuração do Android CLI, criação de projeto, instalação do SDK, execução em emulador e como Android Skills e Knowledge Base apoiam agentes.
Versionamento Semântico Explicado
SemVer no npm explicado: MAJOR.MINOR.PATCH, intervalos caret e tilde, versões 0.x, pré-lançamentos e lock files para atualizações seguras.
Escolhendo um Template Engine JavaScript
Compare EJS, Handlebars, Pug e Nunjucks para renderizar HTML no Node.js, com sintaxe, casos de uso e dicas de segurança.
Cinco Funcionalidades do Sass que Pode Substituir por CSS
Cinco recursos do Sass que você pode substituir por CSS moderno: propriedades personalizadas, nesting, color-mix(), @layer e @property.
Como Incorporar Vídeo no React
Incorpore vídeo no React com HTML5 video para arquivos próprios, iframes do YouTube, ajustes de autoplay, design responsivo e ReactPlayer.
Técnicas de Ofuscação de E-mail para a Web
Técnicas de ofuscação de e-mail na web: compare codificação HTML, JavaScript, CSS a evitar, formulários e proteção da Cloudflare.
Gravando Áudio no Navegador com a Web Audio API
Gravação de áudio no navegador com Web Audio API: capture o microfone com getUserMedia, processe se preciso e codifique com MediaRecorder.
Recursos Modernos do SQLite Que Você Pode Estar Ignorando
Recursos modernos do SQLite: JSONB, tabelas STRICT, RETURNING, WASM com OPFS e modo WAL para melhor desempenho e concorrência.
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.