From the OpenReplay Blog
How to Lint Your CSS with Stylelint
Stylelint CSS linting setup, config, and commands for catching errors, enforcing rules, and integrating with Prettier and CI.
A New Way to Browse npm Packages with npmx
npmx streamlines npm package research with side-by-side comparison, bundle size, module format, dependencies, and vulnerability checks.
Add Reusable Capabilities to AI Agents with skills.sh
skills.sh adds reusable AI agent skills for coding workflows, with SKILL.md, progressive disclosure, CLI install, and MCP comparisons.
The Current State of JavaScript Bundlers
JavaScript bundlers in 2026: how Webpack, Vite, Turbopack, Rspack, esbuild, Rollup, and Parcel compare for modern frontend builds.
How to Deploy Next.js Outside Vercel with OpenNext
Deploy Next.js outside Vercel with self-hosting or OpenNext on AWS and Cloudflare. Compare Node.js, Docker, and the new Adapter API.
Creating a Copy Button for Code Blocks
Build a copy button for code blocks with the Clipboard API, using textContent, try/catch feedback, and accessible aria-labels.
Styling Ctrl+F Results with ::search-text
Style browser find-in-page highlights with ::search-text and :current. Covers CSS support, allowed properties, and Chromium-only limitations.
A Simple Defense Against npm Supply Chain Attacks
Block npm supply chain attacks with ignore-scripts=true, min-release-age, and CI checks for new install scripts before they run.
Creative Ways to Style Lists with CSS
Style lists with CSS using semantic HTML, ::marker, ::before, counters, and @counter-style for custom bullets and numbering with accessibility in mind.
Creating a Custom Post Type in WordPress
Create a WordPress custom post type with register_post_type, show_in_rest, plugin-based setup, and the right templates for archives and singles.
Preventing Path Traversal Attacks in Node.js
Prevent path traversal attacks in Node.js with safe path.resolve checks, path.sep containment, and ID-based file lookup instead of user input.
How to Copy API Requests from the Network Tab
Copy API requests from the Network tab in Chrome, Edge, or Firefox with cURL, fetch, and HAR export to replay and debug errors.
Flexible Object Creation with the JavaScript Builder Pattern
JavaScript Builder Pattern examples for step-by-step object creation, fluent method chaining, validation, defaults, and safer API request builders.
Code Golf and the Art of Tiny Programs
Code golf explained: source code golf, binary sizecoding, JavaScript tricks, CSSBattle, and golfing languages like Vyxal and GolfScript.
Speed Up Your Coding with These Keyboard Shortcuts
VS Code keyboard shortcuts for navigation, editing, search, refactoring, and debugging to cut mouse use and speed up coding.
Charts.css: Building Charts with Pure CSS
Charts.css uses pure CSS and semantic HTML tables to build bar, line, and pie charts with no JavaScript, plus accessible data markup.
How to Organize CSS in Modern Web Projects
Organize CSS with cascade layers, design tokens, CSS Modules, and shallow nesting for maintainable modern web projects.
Detecting Touch Devices with JavaScript
Detect touch devices in JavaScript with maxTouchPoints, Pointer Events, and CSS pointer media queries for hybrid devices and current input type.
The State of On-Device AI in the Browser
On-device AI in the browser explained: Chrome built-in APIs, Transformers.js, ONNX Runtime Web, WebGPU, WebNN, and hybrid fallbacks.
Creative Tricks with the GitHub Contributions Graph
Customize your GitHub contributions graph with SVG, a snake animation, and auto-updating profile README stats cards using GitHub Actions.
Val Town: Serverless JavaScript in the Browser
Val Town is a browser-based platform for serverless JavaScript and TypeScript, with vals, Deno runtime, SQLite, blob storage, email, and OpenAI.
Understanding Database Transactions
Database transactions, ACID, isolation levels, and MVCC explained with practical guidance for reliable concurrency and rollback handling.
Bringing Tailwind CSS to React Native with NativeWind
NativeWind brings Tailwind CSS styling to React Native with className support, dark mode, variants, setup, and key limitations.
OpenCode: A Terminal-First AI Coding Agent
OpenCode is a terminal-first open-source AI coding agent with bring-your-own-provider support, Plan/Build modes, and LSP, MCP, and custom commands.