From the OpenReplay Blog
When Might You Need BigInt in JavaScript?
JavaScript BigInt solves silent precision loss for integers beyond the safe Number range, including large IDs and WebAssembly 64-bit values.
Setting Up a TypeScript App with Bun
Set up a TypeScript project with Bun, skip the build step, and run TypeScript files directly using a clean runtime and package manager workflow.
Turning Git Repos into LLM-Ready Text: A Quick Guide
Convert any Git repository into structured LLM-ready text using Gitingest, Repomix, or repo2txt, and feed filtered codebases into AI models without token waste.
Adding Animations with Tailwind CSS Plugins
Map your options for adding Tailwind CSS animations, from built-in utilities to plugins and v4 custom keyframes, with accessibility in mind.
Using the Battery Status API in Web Apps
The Battery Status API exposes battery level and charging state to JavaScript. Build adaptive web apps while navigating browser support and privacy constraints.
Safe User Input Handling in Node.js
Safe Node.js input handling with Zod, parameterized queries, and explicit arguments blocks SQL injection, prototype pollution, and mass assignment attacks.
A First Look at the HTML Sanitizer API
The HTML Sanitizer API brings XSS protection into the browser itself. Compare safe methods against DOMPurify fallbacks and configure allow lists effectively.
How to Find DOM Elements by Text
Query DOM elements by text using querySelector filtering, TreeWalker traversal, and XPath with document.evaluate to build reliable text-based element selection.
The Best CDNs for Modern Web Apps
Compare Cloudflare Workers, Fastly Instant Purge, AWS CloudFront, and Akamai Ion to choose the right CDN for your frontend architecture and edge logic needs.
Getting Started with Laravel Livewire
Build dynamic Laravel UIs with Livewire by writing PHP components and Blade templates that handle form validation and reactive DOM updates automatically.
Exploring the CSS random() Function
The CSS random() function generates native numeric values in stylesheets, replacing JavaScript for visual variation using syntax, caching keys, and fallbacks.
Styling Select Elements with Modern CSS
Style select elements with appearance none and base-select, apply clip-path and focus spans, and progressively enhance across browsers with modern CSS.
Real-Time UX with the htmx SSE Extension
Add real-time UI to htmx projects using the SSE extension, server-sent events, and HTML attributes alone, with no JavaScript framework required.
Why You Should Be Careful with `!` in TypeScript
The TypeScript non-null assertion operator silences the compiler without adding runtime protection, turning compile-time errors into hard-to-trace null crashes.
Relative Color Syntax in CSS Explained
CSS relative color syntax lets you derive tints, shades, and opacity variants from a single origin color using OKLCH and other modern color functions.
Writing Cleaner Async Chains with Promise.try
Promise.try catches synchronous throws as rejections, keeping async chains clean. Compare it to alternatives and apply it to conditional data loading patterns.
What Is Babylon.js? A Quick Introduction
Babylon.js is an open-source JavaScript 3D engine built on WebGL and WebGPU. See how it compares to Three.js and what you can build with it.
Understanding Dynamic Viewport Units in CSS
CSS viewport units svh, lvh, and dvh fix mobile layout clipping from browser chrome. Choose the right unit for responsive and full-screen layouts.
How to Secure a WordPress Site
Secure your WordPress site by updating plugins, enabling 2FA, setting file permissions correctly, and deploying a WAF like Cloudflare or Wordfence.
The Case for Vanilla JavaScript Over Frameworks
Evaluate when vanilla JavaScript, Web Components, ES modules, and native browser APIs outperform React or Vue for your specific frontend project needs.
What's Inside an HTTP Response?
HTTP responses contain a status line, headers, and a body. Knowing each part helps you debug in DevTools and handle fetch results more effectively.
Meet UnJS: Framework-Agnostic JavaScript Tools
Meet the UnJS ecosystem and understand how tools like Nitro, h3, ofetch, and unplugin handle JavaScript infrastructure across runtimes independently.
Hidden Gems in Chrome DevTools
Go beyond the basics with Chrome DevTools features like CSS Overview, Logpoints, Coverage tab, and Layout Shift debugging to improve performance and workflow.
How OpenUI Is Shaping Web Components
OpenUI standardizes UI patterns via the Popover API, Invoker Commands API, and customizable select CSS to reduce custom JavaScript overhead.