OpenReplay 博客
使用 Shadow DOM 和 CSS 为 Web Components 设置样式
使用 Shadow DOM 为 Web Components 编写样式：通过 :host、::slotted()、CSS 变量、::part() 和 adoptedStyleSheets 控制组件 CSS。
使用 JavaScript 从标题创建目录
用 JavaScript 从标题生成目录，加入安全 ID、无障碍导航，并用 IntersectionObserver 高亮当前章节。
如何在 Linux 上安装 Claude Desktop
Linux上的Claude Desktop：官方Claude Code CLI支持，以及社区桌面包的安装步骤、功能对比和安全风险说明。
Nuxt UI：面向 Vue 应用的直观组件库
Nuxt UI 是一款原生 Tailwind 的 Vue 组件库，提供 125+ 个可访问组件、TypeScript 支持，以及适用于 Nuxt 或 Vue 的 Vite 配置。
5 款基于 Web 技术构建的 Figma 替代品
5个基于Web技术的Figma替代工具：Penpot、Plasmic、Webstudio、Framer和tldraw，适合浏览器原生设计流程。
2026 年 CSS-in-JS 现状
2026年的CSS-in-JS：runtime与zero-runtime的区别，React Server Components和Next.js App Router的限制，以及适合你应用的样式方案。
如何使用 Android CLI 创建 Android 应用
介绍Android CLI的安装、项目创建、SDK设置、模拟器运行，以及Android Skills和Knowledge Base如何支持智能体开发。
语义化版本控制详解
npm 的 SemVer 说明：MAJOR.MINOR.PATCH、caret 和 tilde 范围、0.x 版本、预发布版本与 lock 文件，帮助更安全地更新。
选择 JavaScript 模板引擎
比较 EJS、Handlebars、Pug 和 Nunjucks 在 Node.js 中的服务器端 HTML 渲染，涵盖语法、适用场景和安全提示。
五个可以用 CSS 替代的 Sass 特性
五个可用现代 CSS 替代的 Sass 功能：自定义属性、嵌套、color-mix()、@layer 和 @property。
如何在 React 中嵌入视频
在 React 中嵌入视频：自托管文件用 HTML5 video，YouTube 用 iframe，包含 autoplay 修复、响应式尺寸和 ReactPlayer 选择。
在浏览器中使用 Web Audio API 录制音频
使用Web Audio API在浏览器录音：通过getUserMedia获取麦克风输入，按需处理，并用MediaRecorder编码保存。
Web 端邮箱混淆技术
网页邮箱混淆技巧：比较HTML实体编码、JavaScript、应避免的CSS、联系表单和Cloudflare保护。
你可能错过的现代 SQLite 特性
现代SQLite功能解析：JSONB、STRICT表、RETURNING、支持OPFS的WASM和WAL模式，提升性能与并发能力。
使用 es-toolkit 处理日常 JavaScript 工具函数
es-toolkit 提供类型化、可 tree-shake 的 JavaScript 工具函数，作为轻量 Lodash 替代，可减小打包体积并便于迁移。
创建纯 CSS 工具提示
用 ::after、data-tooltip 和不透明度过渡实现纯 CSS 提示框，并说明 focus-visible 支持及可访问性限制。
相比 Fetch，Axios 仍然能为你提供什么
Axios vs Fetch：了解 Axios 在拦截器、自动 HTTP 错误处理、共享实例、上传进度和超时设置上的优势。
使用 boneyard 自动生成骨架屏
boneyard-js在开发时从真实组件布局自动生成skeleton loader，支持响应式.bones.json文件和Vite集成。
Kubernetes 实用概览
Kubernetes 概览：架构、Pods、Deployments、Services、Ingress 和 ConfigMaps，帮助在集群中运行并扩展 Web 应用。
如何使用 Stylelint 对 CSS 进行 Lint 检查
Stylelint CSS 检查的配置、规则和命令，帮助发现错误、统一规范，并集成 Prettier 和 CI。
用 npmx 浏览 npm 包的全新方式
npmx将npm包调研整合到一处，支持并排比较、包体积、模块格式、依赖关系和漏洞检查，方便快速评估。
使用 skills.sh 为 AI 智能体添加可复用能力
skills.sh 为 AI 代理添加可复用 skills，涵盖 SKILL.md、渐进式披露、CLI 安装和与 MCP 的比较。
JavaScript 打包工具的现状
2026年JavaScript打包工具对比：Webpack、Vite、Turbopack、Rspack、esbuild、Rollup和Parcel的定位与选择。
为代码块创建复制按钮
使用 Clipboard API 为代码块添加复制按钮，结合 textContent、try/catch、视觉反馈和可访问的 aria-label。