前端
共 70 条资源
颜色够不够看得清：WebAIM 对比度检查，按 WCAG 标准给结论
「这个灰字放在深色背景上能不能看清」，凭感觉判断经常偏乐观 —— 做的人显示器好、环境暗，看的人可能正相反。这类事应该交给公式。
不想为样式分心：Pico CSS 零类名，写语义 HTML 自动得体
有一种场景很常见：你要写的是文档、博客或内部小工具，重点在内容，样式只要「不丑、能读」就行。Pico CSS 是 classless（零类名）框架的代表：你直接写语义化 HTM…
Fluent UI 微软设计系统：React 组件库，Teams 与 Office 插件首选
Fluent UI 是微软的设计系统与 React 组件库，当前主版本 v9，和 Office、Teams 等产品同源。如果你做的是 Teams / Office 插件，或者就…
边读边练的 JavaScript 教程：现代 JS 教程开源免费，含在线练习
这份教程的每个知识点后面都跟着在线练习，做题时可以直接在页面里跑代码并自动校验结果。学 JavaScript 时，「写完立刻知道对不对」这件事很重要。
Reka UI：Vue 无头组件库，只做交互与无障碍
Reka UI 是 Vue 版的无头组件库（原名 Radix Vue），不提供任何样式，只做交互行为与无障碍。它覆盖对话框、菜单、下拉、标签页等常见交互原语，是 shadcn-…
TW Elements 把 Bootstrap 组件搬上 Tailwind：熟悉写法，平滑过渡
TW Elements 把「Bootstrap 风格的组件 API」搬到了 Tailwind 上：类名写法很像 Bootstrap，让熟悉 Bootstrap 的人能平滑过渡。…
网站为什么慢：PageSpeed Insights 给出具体到元素的优化建议
「网站有点慢」是个模糊的抱怨。想知道慢在哪一步、哪个文件、改哪里最有效，需要一份带数据的体检报告。
不想折腾 Node 工具链：Layui 原生 JS 免构建，后台管理开箱即用
很多企业内部系统、传统后台项目，团队并不想引入 Node 构建工具链，只想引个 script 和 css 就能用。Layui 是国产经典 UI 框架，原生 JavaScript…
图标不用一个个画：Font Awesome 免费版 2000+ 图标直接调用
界面上总缺几个图标：设置、搜索、分享、提示。自己画费时间，网上找到的多半尺寸风格不统一。图标字体库解决的就是这个「随手要一个图标」的需求。
Blueprint 组件库：Palantir 出品，专做数据密集的后台工具界面
Blueprint 是 Palantir 出品的 React 组件库，专为桌面级、数据密集型 Web 应用设计。它不追求花哨，而是把表格、树、时间轴、选择器这些「内部工具常用件…