OpenReplay 博客
使用 WebCodecs API 实现实时视频处理
使用MediaStreamTrackProcessor、TransformStream和VideoTrackGenerator进行WebCodecs视频处理，并讲解frame.close、backpressure、worker和浏览器支持。
5件不需要React的事
五种浏览器原生 API 可替代常见 React 组件：dialog、Popover、Custom Elements、container queries 和 View Transitions。
如何将 Bun 应用容器化
使用适合生产的 Dockerfile、.dockerignore、0.0.0.0 绑定、健康检查、Compose 和 SIGTERM 优雅退出来 Dockerize Bun 应用。
2026年还有人在使用Polyfill吗？
2026年还需要 polyfill 吗？检查 core-js、Browserslist 和 Babel，移除冗余负载，保留 Temporal，并弃用 polyfill.io。
深入理解 TypeScript 中的 infer
TypeScript 的 infer 详解：条件类型如何提取返回值、数组元素、元组、模板字面量和内置 Awaited。
使用 Web Serial API 能做的那些酷事
Web Serial API 示例涵盖串口监视器、固件刷写、G-code 传输、遥测仪表盘、显示控制器和设备配置界面。
如何在浏览器中创建可下载文件
使用 Blob、对象 URL 和 download 链接创建浏览器下载，并处理跨域文件、CSV BOM、iOS Safari 以及大文件流式导出。
使用 @property 处理带类型的 CSS 变量
使用 @property 的类型化 CSS 变量：验证自定义属性，平滑动画数值，并了解静默回退、语法与浏览器支持。
探索 Ladybird：非 Chromium 浏览器项目
Ladybird是从零开发、非Chromium的浏览器引擎：涵盖架构、Rust迁移、WPT进展和2026年alpha路线图。
CSS 中 !important 的实际应用场景
现代 CSS 中 !important 的实用场景：reduced-motion 无障碍、覆盖第三方样式、工具类和级联问题排查。
为何 Remix 3 专为 AI 编程智能体而设计
Remix 3与AI编程代理：解析框架为何内置agent skills、清晰API结构和运行时优先设计，以提升LLM代码生成效果。
每位开发者都应了解的5款版本管理工具
比较 nvm、pyenv、rustup、mise 和 SDKMAN!，掌握版本管理、项目锁定、CI 一致性，以及各运行时的合适工具。
使用 DevTools 调试卡顿的 CSS 动画
使用 Chrome DevTools 的 Rendering、Performance、Animations 和 Layers 面板排查 CSS 动画卡顿，定位掉帧原因。
渐进式Web应用的本地优先架构
面向PWA的local-first架构：了解Service Worker、IndexedDB或SQLite与同步引擎如何让数据离线可用、一致且归用户所有。
使用 npq 自动化 npm 包安全检查
使用 npq 在安装前自动检查 npm 包安全性，涵盖 pre-commit 钩子、npm 别名、pnpm 支持和启发式审计。
我们遗忘的前端性能优化技巧
前端性能技巧依然重要：图片尺寸、font-display、preconnect、懒加载、defer、async 和事件节流。
使用 Claude Code 和 Remotion 制作视频
Claude Code 与 Remotion 指南：通过提示生成 MP4 视频，理解帧数计算，修正 Sequence，并在 Studio 中调试渲染。
JSON-LD 如何帮助 AI 理解您的网站
JSON-LD 和 Schema.org 帮助 AI 爬虫与 Google 理解你的网站。了解如何用服务器端结构化数据避免 JavaScript 注入遗漏。
面向开发者的 5 款开源电商平台
比较 Medusa、Saleor、Vendure、Sylius 和 Shopware 的无头电商后端、Next.js 支持、API 及自托管取舍。
Vite+ 入门指南
快速上手 Vite+：安装 vp、创建项目、运行 dev、check、test 和 build，并了解统一的 vite.config.ts 工作流。
使用 Animata 实现复制即用的动画效果
Animata 提供可复制粘贴的 React 动画组件，结合 Tailwind CSS 和 shadcn/ui 工作流，按组件加载轻量依赖。
如何修复烦人的 404 favicon.ico 未找到错误
通过在站点根目录提供favicon并添加SVG、PNG和Apple Touch Icon标签，修复favicon.ico的404错误。
Pretext 与 Web 文本布局的未来
Pretext 是一个 TypeScript 库，可在 DOM 外测量文本以避免 reflow，加速虚拟列表、聊天流和 masonry 布局。
Cookies 与 localStorage 在 JWT 身份认证中的对比
JWT 认证中 Cookies 与 localStorage 怎么选：对比 XSS 和 CSRF 风险、HttpOnly、Secure、SameSite 及现代令牌存储方式。