Do blog da OpenReplay
Criando um Alternador de Temas com Variáveis CSS
Crie um alternador de tema com variáveis CSS, data-theme, prefers-color-scheme, localStorage e sem piscar o tema errado ao carregar.
Do Prompt à UI com o Google Stitch
Google Stitch transforma prompts em layouts de UI, protótipos e exportação HTML. Veja como criar prompts melhores, usar DESIGN.md e acelerar o handoff.
Métricas de Código Explicadas: O Que É Complexidade Ciclomática?
Complexidade ciclomática explicada com exemplos em JavaScript, fórmulas e ferramentas como ESLint e SonarQube para medir e reduzir ramificações.
Renderização no Servidor com Preact
Preact SSR com preact-render-to-string, hydrate e Vite: renderização no servidor, streaming e dicas para evitar erros de hidratação.
Estilizando Web Components com Shadow DOM e CSS
Estilize Web Components com Shadow DOM: use :host, ::slotted(), variáveis CSS, ::part() e adoptedStyleSheets para controlar o CSS do componente.
Crie um Sumário a partir de Cabeçalhos em JavaScript
Crie um sumário em JavaScript a partir de headings com IDs seguros, navegação acessível e destaque da seção ativa com IntersectionObserver.
Como Instalar o Claude Desktop no Linux
Claude Desktop no Linux: suporte oficial via Claude Code CLI e pacotes desktop da comunidade, com instalação, comparação de recursos e riscos de segurança.
Nuxt UI, a Biblioteca de Componentes Intuitiva para Aplicações Vue
Nuxt UI é uma biblioteca de componentes Vue nativa do Tailwind com mais de 125 componentes acessíveis, TypeScript e configuração Vite para Nuxt ou Vue.
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.