首发于：2025-12-26

其它（学习资料、工具等）

基础学习资料

MDN Web Docs

FreeCodeCamp

W3School

菜鸟教程

ES6 入门教程 - ECMAScript 6入门

现代 JavaScript 教程

TypeScript: Handbook

The Odin Project

HTML 参考手册

CSS Tricks

Grid Garden - 游戏学习 CSS grid

CSS Diner - CSS 选择器游戏

Flexbox Defense - 塔防游戏学习 CSS flex

Flexbox Froggy - 游戏学习 CSS flex

设计模式

Frontend Mentor - 前端学习平台

Rust 与 WebAssembly 学习资料

Rust Programming Language

crates.io: Rust Package Registry

Rust 中文文档

简介 - 通过例子学 Rust 中文版

Rust-Lang (Github)

The Embedded Rust Book - 嵌入式 Rust 编程

Rust and WebAssembly (rustwasm.github)

Rust 程序设计语言 简体中文版

Rust and WebAssembly (GitHub)

Rust语言圣经

工具或工具网站

Can I use - 浏览器兼容性查询

Squoosh - 图片无损压缩

TinyPNG - 图片压缩工具

Draw.io - 在线绘图工具

ProcessOn - 在线绘图工具

Excalidraw - 在线绘图工具

iconfont - 阿里巴巴矢量图标库

Regulex - 正则表达式可视化

Regexr - 正则表达式可视化

Regexper - 正则表达式可视化

CodeLF - 代码搜索工具

JSON在线工具

UUID 生成器

Carbon - 代码图片生成

Ray.so - 代码分享平台

aaencode - 加密JS代码为表情

Mockoon - API mock 工具

FakeStoreAPI - 模拟在线商店 API

Postman - API 开发工具

Hoppscotch - 开源 API 开发工具

CSS Sprite Generator - 在线生成 CSS 雪碧图

Docker

AlloyTeam 工具集

Responsively.app - 响应式设计工具

Bundlephobia - 查看 npm 包的大小

WebPageTest - 网站性能测试工具

PageSpeed Insights - 网站性能测试工具

Hero Patterns - SVG 背景图案

Neumorphism.io - neumorphism 设计工具

u-tools - 工具集合

tools.miku.ac - 工具集合

AI 工具集

GitHub - yisainan/web-tools: 前端开发工具集合

tool.lu - 工具集合

资源集合站

Tiny Helpers

DevDocs API Documentation

Awesome CSS - GitHub

AI 学习资源集合

awesome-css-cn - CSS 资源大全中文版 - GitHub

Awesome Canvas - Canvas资源库大全 - GitHub

UI 设计

UI中国

Dribbble

Awwwards

Mobbin

Lapa Ninja

Land Book

即时设计

One Page Love

花瓣网

Pixso官网

优设网UISDC

UICN用户体验设计平台

Behance

Designspiration

FreebiesBug

Freebiesupply

Material Design (Google) - 设计规范

Apple Design Resources - 设计规范

Ant Design - 设计规范

Arco Design - 设计规范