Do blog da OpenReplay
Como Encontrar Elementos DOM por Texto
Consulta de elementos DOM por texto com filtragem via querySelector, travessia com TreeWalker e XPath pelo document.evaluate para seleções confiáveis.
Primeiros Passos com Laravel Livewire
Componentes PHP e templates Blade com Livewire permitem criar interfaces dinâmicas no Laravel, com validação de formulários e atualizações reativas do DOM.
Explorando a Função CSS random()
A função CSS random() gera valores numéricos nativos em folhas de estilo, substituindo JavaScript em variações visuais por meio de chaves de cache e fallbacks.
UX em Tempo Real com a Extensão SSE do htmx
A extensão SSE do htmx permite adicionar UI em tempo real a projetos usando server-sent events e atributos HTML, sem nenhum framework JavaScript.
Estilizando Elementos Select com CSS Moderno
Estilização de elementos select com appearance none e base-select, uso de clip-path, focus spans e aprimoramento progressivo entre navegadores com CSS moderno.
Por Que Você Deve Ter Cuidado com `!` em TypeScript
O operador de non-null assertion do TypeScript silencia o compilador sem proteção em runtime, convertendo erros de compilação em crashes de null difíceis de rastrear.
Sintaxe de Cor Relativa em CSS Explicada
A sintaxe de cor relativa do CSS permite derivar tints, shades e variantes de opacidade de uma cor de origem, usando OKLCH e outras funções modernas.
O Que É Babylon.js? Uma Introdução Rápida
Babylon.js é uma engine 3D JavaScript open-source baseada em WebGL e WebGPU, com comparação ao Three.js e exemplos do que é possível construir.
Escrevendo Cadeias Async Mais Limpas com Promise.try
Promise.try captura erros síncronos como rejeições, mantendo cadeias async limpas, e é aplicado em padrões de carregamento condicional de dados.
Como Proteger um Site WordPress
A proteção de um site WordPress envolve atualização de plugins, ativação de 2FA, permissões de arquivos corretas e uso de um WAF como Cloudflare ou Wordfence.
Entendendo as Unidades de Viewport Dinâmicas em CSS
As unidades de viewport svh, lvh e dvh corrigem cortes de layout móvel causados pelo chrome do navegador, permitindo layouts responsivos e em tela cheia.
O Argumento a Favor do JavaScript Vanilla em Detrimento de Frameworks
Análise de quando JavaScript vanilla, Web Components, módulos ES e APIs nativas do navegador superam React ou Vue em projetos frontend específicos.
O Que Há Dentro de uma Resposta HTTP?
Respostas HTTP contêm uma linha de status, headers e um body. Compreender cada parte facilita a depuração no DevTools e o tratamento dos resultados do fetch.
Funcionalidades Ocultas no Chrome DevTools
Recursos do Chrome DevTools como CSS Overview, Logpoints, aba Coverage e depuração de Layout Shift permitem otimizar performance e fluxo de trabalho.
Conheça o UnJS: Ferramentas JavaScript Agnósticas de Framework
Uma visão geral do ecossistema UnJS e de ferramentas como Nitro, h3, ofetch e unplugin para infraestrutura JavaScript entre runtimes de forma independente.
Como o OpenUI Está Moldando os Componentes Web
O OpenUI padroniza padrões de UI via Popover API, Invoker Commands API e CSS customizável para select, reduzindo o uso de JavaScript personalizado.
Comandos npm Essenciais que Todo Desenvolvedor Deveria Conhecer
A CLI do npm cobre auditoria de dependências, execução de scripts e fixação de dependências transitivas para depurar árvores e corrigir vulnerabilidades.
Como Fazer Lazy Load de Componentes no Svelte
Imports dinâmicos e renderização condicional permitem lazy load de componentes Svelte, mantendo os bundles iniciais enxutos no SvelteKit e em projetos com Vite.
Como Corrigir 'Cannot use import statement outside a module'
Corrija o erro cannot use import statement outside a module no Node.js, em navegadores e no Jest diagnosticando a incompatibilidade de módulos.
Permissão de Acesso à Rede Local (LNA) do Chrome Explicada
A permissão Local Network Access do Chrome bloqueia sites públicos de acessar dispositivos locais; o artigo mostra o que aciona o prompt LNA e como tratá-lo em apps web.
Arte ASCII no Navegador e no Terminal
Mapeamento de brilho de pixels a caracteres, extensões via Unicode Braille e elementos de bloco, além da renderização com Canvas, WebGL e terminais ANSI.
Como Tipar Respostas de API em TypeScript
Tipar respostas de API em TypeScript com interfaces, schemas Zod e geração via OpenAPI previne incompatibilidades em runtime e mantém os tipos precisos.
Modelos de Reatividade Comparados: React, Vue, Angular, Svelte
Análise comparativa de como React, Vue, Angular e Svelte tratam reatividade, dos ciclos de renderização amplos aos signals e atualizações de DOM via compilador.
Ripple: Um Novo Framework UI em TypeScript para Acompanhar
Ripple é um framework UI em TypeScript orientado por compilador que elimina o diffing de DOM virtual e o rastreamento manual de dependências com primitivas reativas de granularidade fina.