01开发学习✦
MDN Web Docs
网页技术的说明书
HTML、CSS 与 JavaScript 的参考和学习资料。适合从一个具体属性或接口进入，再沿着示例与相关链接理解它的上下文。
04 / THE WAYFINDER
去对的地方，少绕一点路。
学习、设计、开发和日常工具的入口。收藏常用的，记下自己的用法，下一次直接找到。
16 条内容
02设计工具✦
Excalidraw
先把想法画清楚
手绘风格的白板工具，适合流程、关系图与早期界面草图。简单形状和连线能快速把讨论中的隐含关系显示出来。
03开发学习✦
Can I Use
先确认浏览器支持，再决定怎么做
以支持表展示网页特性在不同浏览器中的情况。适合在选择新 CSS 或 Web API 前快速了解支持范围。
04开发学习✦
GitHub Learn
通过小练习理解协作流程
GitHub 的学习入口，围绕仓库、协作与开发流程提供教程和练习。适合把概念直接放到一个小仓库中体验。
05开发学习✦
freeCodeCamp
把学习变成连续的小练习
通过课程、练习与项目学习编程。适合需要明确练习路径的人，也可以按主题挑选不足的环节。
06开发工具✦
regex101
看清正则到底匹配了什么
正则表达式测试工具，可查看匹配、分组和解释。选择正确语言风格后，可以用样本文本快速验证想法。
07开发工具✦
CyberChef
把数据转换过程排成可复用的配方
将编码转换、解码和数据处理组合为步骤。适合观察每一步如何改变输入，并保存处理配方以便重复使用。
08设计工具✦
draw.io
把复杂流程整理成可以维护的图
流程图和结构图工具，适合有明确层次、连线与布局要求的图示。图形库和连接器有助于维护较大的图。
09设计工具✦
Photopea
临时修图也保留图层
浏览器中的图像编辑器，可用图层组织调整、文字和素材。适合临时修改图片或在没有桌面软件时处理小任务。
10设计素材✦
Google Fonts
用真实文字挑字体
提供字体浏览、预览与使用入口。适合用实际标题、段落和数字测试字体，而不是只看默认展示词。
11设计素材✦
Openverse
从开放素材开始找图
用于发现开放授权媒体的搜索入口。它能帮助找到候选素材，但最终使用条件应回到原始来源页面核对。
12设计素材✦
Wikimedia Commons
给图片找到来源与上下文
媒体资料库中的文件页通常包含作者、时间、来源与许可信息。适合寻找历史图像、地图和说明性照片。