From the OpenReplay Blog
Converting Images to Base64 with Canvas
Convert images to Base64 with Canvas: use toDataURL vs toBlob, handle PNG/JPEG/WebP support, and avoid tainted canvas CORS errors.
Low-Latency Browser Communication with WebTransport
WebTransport for browsers: compare WebSockets, datagrams, and streams for low-latency HTTP/3 messaging without head-of-line blocking.
5 Git Dotfiles Every Developer Should Know
5 essential Git dotfiles explained: .gitconfig, .gitignore, .gitattributes, .git-blame-ignore-revs, and .mailmap for cleaner workflows.
What's New in TypeScript 6.0
TypeScript 6.0 changes defaults, deprecates legacy options, and adds ES2025 support, Temporal types, and migration tips before TypeScript 7.0.
Replacing Animation Libraries with Native Web APIs
Replace GSAP or Framer Motion with the Web Animations API, CSS Scroll-Driven Animations, and View Transitions for common UI motion.
Linux File Permissions Explained
Linux file permissions, ownership, chmod, chown, umask, and special bits like setuid and sticky bit explained so you can secure any Linux system.
Using CSS `zoom` to Scale UI Elements
Compare CSS zoom and transform scale across layout flow, browser support, and practical UI scaling use cases to choose the right tool for your project.
Best Practices for Working with SolidJS
Avoid common SolidJS pitfalls by understanding fine-grained reactivity, signal scoping, prop handling, store usage, and async data patterns with createResource.
How to Enable Local HTTPS for Development
Set up trusted local HTTPS using mkcert, configure Vite or Next.js dev servers, and avoid self-signed certificate warnings during development.
Meet Turso, a Rust-Based Evolution of SQLite
Compare Turso and libSQL to understand how Rust, async APIs, and MVCC extend SQLite for edge deployments and modern application architectures.
Displaying PDFs in Vue 3 Applications
Compare native embeds, PDF.js, and Vue wrapper components for displaying PDFs in Vue 3, with trade-offs covering CORS, workers, and bundle size.
Relational Database Design Basics
Build reliable relational database schemas using primary keys, foreign keys, normalization, and constraints to structure tables and prevent data anomalies.
The Good and Bad of Using Markdown as a CMS
Weigh the real tradeoffs of Markdown as a CMS, covering Git workflows, MDX, Tina CMS, and when structured headless CMS tools serve content teams better.
Logging Requests with Node.js Middleware
Add structured HTTP request logging to Express using Morgan, Pino, and AsyncLocalStorage to track correlation IDs and keep sensitive data out of logs.
5 Security Features Modern Frameworks Give You for Free
Modern frameworks like Next.js, SvelteKit, and Django provide automatic XSS escaping, CSRF tokens, and server-side secret isolation as secure default behaviors.
Best JavaScript Libraries for Building Dashboards
Compare Chart.js, Apache ECharts, Recharts, AG Grid, and TanStack Table to choose the right JavaScript dashboard libraries for your analytics projects.
The New HTML Geolocation Element
The new geolocation element brings declarative location access to HTML, replacing navigator.geolocation callbacks with cleaner permission handling for users.
ResizeObserver vs Window Resize: When to Use Each
Compare ResizeObserver and the window resize event to choose the right tool for viewport changes, element size tracking, and CSS container queries.
How to Center Anything with Modern CSS
Center any element horizontally or vertically using CSS Flexbox, Grid, and auto margins by matching the right method to each layout context.
Building Terminal UIs with Charm
Build terminal UIs in Go using Bubble Tea, Lip Gloss, and Bubbles from the Charm ecosystem with composable Model, Update, View architecture.
AI Prompting Tips for Developers
Build reliable LLM integrations by applying structured outputs, few-shot prompting, and context engineering to make AI responses predictable in production.
Postgres Best Practices for Modern Web Apps
Improve PostgreSQL schema design, indexing strategies, connection pooling with PgBouncer, and safe migrations to build web apps that perform well in production.
How to Inspect and Edit Cookies in Chrome DevTools
Inspect, edit, and delete cookies in Chrome DevTools using the Application panel, Network panel headers, and cookie fields like HttpOnly, Secure, and SameSite.
How to Stream Data to the Browser with Fetch
Stream Fetch API responses incrementally using ReadableStream, TextDecoder, and AbortController to display progressive data before the full payload arrives.