Web
共 162 条资源
不教语法直接做项目：The Odin Project 免费全栈课程，开源可自学
大多数教程先讲概念、再讲语法、最后做练习。The Odin Project 反过来：给你一个任务，然后告诉你去哪里查资料、怎么装环境，让你在做中学。
NG-ZORRO：Ant Design 的 Angular 企业组件
做企业级中后台，Ant Design 的视觉规范在国内接受度很高。NG-ZORRO 就是 Ant Design 的 Angular 实现，让你在 Angular 项目里直接复用…
Open Props 设计令牌库：渐变阴影配色全有，只给你的 CSS 补变量
Open Props 不给你组件，也不给你一套类名，它只提供一串写好的 CSS 自定义属性：渐变、阴影、缓动曲线、尺寸、配色、字体、圆角，全部是设计令牌。你可以只挑其中一部分引…
Primer 设计系统：GitHub 官方前端方案，开发者工具界面最对口
Primer 是 GitHub 的前端设计系统——GitHub 网站自己就用它。它包含设计原则、Figma 资源、Primer CSS（SCSS）、React 组件（@prim…
把代码变成好看的图：Carbon 在线生成代码截图，适合写文章
写技术文章、做课件、发朋友圈讲一段代码，直接截图编辑器往往带着行号、侧栏和主题噪点。Carbon 能把代码渲染成干净的图片。
只想要干净 CSS 不想带 JS：Bulma 基于 Flexbox，类名像人话
有些项目只是做个静态页或者简单展示，根本不需要下拉、弹窗这类交互，更不想为样式再引入一套 JavaScript。Bulma 就是为这种场景设计的：它是一套纯 CSS 框架，零 …
界面字体首选：Inter 免费开源，小字号下依然清晰
界面里最考验字体的一件事：14px 甚至 12px 的小字，能不能看清。Inter 是专门为屏幕 UI 设计的无衬线体，这也是它被大量产品和设计系统选作默认字体的原因。
shadcn/ui 完全上手指南：组件源码复制进你的 React 项目，2026 默认基元换 Base UI
shadcn/ui 最反直觉的一点：它不是 npm 依赖。你用 CLI 把组件源码直接复制进项目，之后代码就是你的，改什么都不受上游版本卡脖子，这是它和绝大多数组件库的根本区别…
哈佛的计算机入门课：CS50 免费公开，讲透计算机怎么想问题
很多编程入门课教的是「怎么写」，CS50 教的是「计算机怎么想」。它从二进制讲起，一路到算法复杂度、数据结构，最后落到能跑的项目上。
Vuetify：Vue 的 Material 组件库，强绑材料风格
Vuetify 是 Vue 生态里最成熟的 Material Design 实现，组件超过一百个，布局网格体系完整。v4 已经支持 Material Design 3，主题与动…