这里是由 Moeyua 搜集、整理、维护的、个人自用的收藏列表。
一些在线的工具，可能是日常会用到的工具，也可能是开发相关的工具
- bookmark.style - 可以将任意链接转换生成可分享的图片。
- tldraw - 一个画图的地方。
- WebSequenceDiagrams - 使用简单的编码就可以画出漂亮的时序图。
- Favicon Generator - 能够生成多种类型的网站图标。
- codepng - 能够将代码转为漂亮的图片。
- Squoosh - 在线图片压缩工具。
- Excalidraw - 画图工具。
- Stable Diffusion Online - Stable Diffusion 的在线版本
- Gravatar - 用于提供在全球范围内使用的头像服务。
- whoer - 检查你的 IP 地址 和 DNS 地址，可以用来检查自己的伪装程度。
- 云剪切板 - 一个不依赖 app 的剪切板，只需要链接就能够实现任意平台同步文字的需求。
- Weibo to rss - 将微博转换为 RSS 订阅。
- wechat feeds - 给微信公众号生成 RSS。
- Temp Mail - 能够生成临时的匿名邮箱。
- Flat UI Colors 2 - 拥有 13 种配色方案 280 种颜色供用户挑选。
- Table Generator - 可以生成 Markdown 表格。
- Fake Credit Card Generator - 虚假信用卡生成器。（请勿用于非法活动）
- Receive SMS Online - 免费提供美国和加拿大两个国家的临时电话号码，可以用来接收验证码。（请勿用于注册重要账户以及用于非法活动）
- VirusTotal - 谷歌出品的免费病毒、蠕虫、木马和各种恶意软件的分析服务，用户可以通过上传单个文件来扫描是否安全。
- siftrss - 只需要输入 RSS 和你需要过滤的词语，你就可以获得一个会过滤关键词的新 RSS 订阅链接。
- 秘塔写作猫 - 通过 AI 辅助修改文章语法错误，同时支持翻译。
- YouGlish - 通过 YouTube 查找并朗读你需要的单词发音。
- Test Your Vocabulary - 测试你的单词词汇量。
- ACL4SSR 在线订阅转换 - 转换你的机场订阅链接。
- SEAGM - 线上充值平台。
- 火箭妹小卖部 - 购买各种充值卡和兑换码。
- 葉の館 - 购买各种充值卡和兑换码。
- Metrics - 可以在你的 GitHub 任何地方生成量化图表。
- Cacher - 能够同步 GitHub Gist，同时支持 IDE 插件。
- BGP Toolkit - 用来查询是否原生 IP。
- O'RLY Cover Generator - O'RLY 动物书风格封面生成器。
- Mintlify Doc Writer - VS Code 拓展，能够通过选中的内容自动生成注释。
- Firefox Relay - Firefox 推出的隐藏邮件地址服务。
- SMS-Activate - 提供用于接收来自世界各地短信的虚拟号码。
- Automa - 可以用拖拽的方式实现浏览器自动化的拓展。
- Berty - 无需网络连接的安全和私密通讯工具。
- Screen Studio - 快速生成漂亮的录屏。
- VisBug - 一个开源的网页设计调试工具
收录一些比较小众的平台
- TalentOrg - 远程工作招聘平台。
收录一些文档与教程，以及高质量的课程与习题。
- Vue.js 挑战 - 一个 Vue.js 在线挑战平台
- 全栈公开课 - 本课程是介绍如何使用 JavaScript 开发现代 Web 应用程序，学习完毕后能够获得证书，拥有芬兰社保账号的人还能参加考试并获得官方的 ECTS 学分。
- Learn Git Branching - 通过实践与代码结合帮助学习和理解 Git。
- 中文技术文档写作规范 - 中文技术文档的写作规范。
- TypeScript 入门教程 - 从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript。
- 函数式编程指北 - 使用 JavaScript 讲解函数式编程。
- Type challenges - TS 题库。
- package manager proxy settings - 记录各个包管理器使用代理的方法，节省因为 GFW 浪费的数不清的时间。
- Jest 实践指南 - 关于 Jest 单元测试的指南。
- Google 开源项目风格指南 - 中文翻译版。
- Markdown style guide - Google Markdown 风格指南。
- React 技术揭秘 - 严谨、易懂的
React源码分析教程。 - iFixit：免费修理手册 - iFixit 是一个全球性互助维修社区，拥有大量的维修教程。
- The Algorithms - GitHub 最大的开源算法库。
- JavaScript Promise 迷你书 - 一本介绍 JavaScript 中 Promise 相关技术的书籍。
- JavaScript 教程 - 阮一峰编写的 js 入门教程，同样也适合作为文档查阅。作者的其他教程也同样推荐新手学习。
- Web Skils - 作者列举了几乎所有 Web 开发所需要的技能。
- Surge - Surge 非官方中文文档。
- 中文排版需求 - 由 W3C 的中文布局任务团编写而成的草案，整理了中文（汉字）书写系统于排版上的需求。
- 现代 JavaScript 教程 - JavaScript 教程，涵盖从基础知识到高级概念的内容。
- 深入浅出 Webpack - 深入讲解了 Webpack 原理与架构。
- Hello-Algo - 一个在线算法和数据结构学习平台。
- Web.dev - Google 官方的 Web 开发学习资源，提供有关 Web 开发的最佳实践和最新技术的指南。
- Learn Prompting - 聚焦于如何使用提示工程(prompt)。
- Big Frontend Problem - 包含各种前端问题的题库。
收纳一些针对性更强的、关注某些细节层面的文章，或者是一些简单的入门介绍。
- Mac 平台搭建 Web 开发环境（en） - 介绍如何在Mac电脑上搭建Web开发环境。
- 前端工程化讲解 - 详细讲解前端工程化的知识和相关工具的使用。
- 学习盒子模型的对齐方式（en） - 介绍CSS中盒模型的对齐方式。
- 如何提问 - 如何高效地提出技术问题以获得更好的答案。
- GitHub Actions 入门教程 - 介绍如何使用GitHub Actions进行CI/CD自动化流程。
- Side Project 指南 - 提供启动、管理、营销、扩展Side Project的指南和资源。
- Cookie 的 SameSite 属性 - 介绍Cookie的SameSite属性及其在Web安全中的应用。
- 解决 EasyConnect 的毒瘤行为 - 解决EasyConnect在Docker中的异常行为。
- 如何清洁 Apple 产品 - 官方 Apple 支持 (中国) - 官方提供的如何清洁Apple产品的指南。
- CSS 条件语句（en） - 一篇介绍 CSS 中条件语句的文章。
- 比较 Next.js、NestJS、Nuxt 和 Gatsby（en） - 比较不同 JS 后端框架之间的异同。
- Shadowsocks 笔记 - 记录 Shadowsocks 历史和一些技术原理。
- CSS 颜色格式（en） - 介绍 CSS 颜色格式的文章。
- 为什么要离开 CSS in JS（en） - 一篇关于为什么要离开 CSS in JS 的文章。
- 代码重构（en） - 一篇关于代码重构的文章。
- Web 应用程序构建教程（en） - 介绍如何构建 Web 应用程序的教程。
- 比较静态网站托管服务提供商（en） - 比较不同静态网站托管服务提供商的文章。
- HTML vs Body in CSS: The Definitive Guide - 介绍 HTML 和 body 标签在 CSS 中的区别。
- Interactive Guide to Flexbox - 交互式的 Flexbox 指南，讲解 Flexbox 布局。
- Secure JavaScript URL Validation - JavaScript 中的 URL 验证。
- PWA Tips - 五个提高渐进式 Web 应用程序（PWA）质量的技巧。
- Effective Shell - 教你如何在命令行中高效地工作。
- On-Page SEO: The Beginner's Guide (2022) - 详细讲解 On-Page SEO，帮助你提高网站的搜索引擎排名。
- Deno Blog: The Future of Web is on the Edge - 讲述 Web 开发的未来趋势，以及 Deno 如何应对这些趋势。
- How TTY system works - 讲解 TTY 系统是如何工作的。
- Templating in HTML: The Good Parts - 介绍在 HTML 中使用模板的优秀实践。
- CSS in 100 bytes - 通过例子向你展示如何在 100 字节内写出 CSS。
- Defensive CSS: Unclassifiable - 讲述一些不好分类的防御性 CSS 技巧。
- The Ultimate Guide to Writing a TypeScript Library in 2022 - 在 2022 年编写 TypeScript 库的终极指南。
收纳一些「大而全」的资源列表或文档，这些资源往往能够覆盖到某个方面的所有内容，而且有相对复杂的结构
- Awesome Mac - 优秀的 Mac 应用。
- WallpaperHub - 似乎是微软出品的高清壁纸网站。
z-library - 全球最大的数字图书馆。（包含未经授权内容）- Nyaa Torrents - 全球最大的动漫专用种子索引站。（包含未经授权内容）
- 无名图书 - 图书资源，可以作为 z-library 的补充。
开发时可能会使用到的框架、工具、库等，大部分直接与编写代码相关
- Motion One - 流畅而且功能强大的轻量动画库。同时它们还有 浏览器插件 用来调试动画。
- Cnchar - 功能全面、多端支持的汉字拼音笔画 js 库。
- Floating UI - 一个轻量化的「浮动元素」库。
- RapidAPI - API 库。
- Lorem Picsum - 生成可用于开发测试的随机图片。
- Heroku - 一个支持多种编程语言的云平台服务，用于部署各种项目。
- readme.so - 快速添加和定制项目的 README 所需的所有部分
- Convex - 提供简单的后端数据服务。
- Enhance - 一个HTML优先的全栈Web框架，提供构建符合标准的多页面Web应用所需的一切，并具备良好的性能和可扩展性。。
- Fabric.js 中文文档 - HTML5 canvas 库 Fabric.js 的中文文档。
- 为什么不把收藏夹放在浏览器里？
因为收藏越来越多且大部分内容使用频率较低，所以删除了一些过期/不再需要的内容，并将所有内容进行了整理归档。
- 这么做的好处？
- 能在链接后增加一些必要的描述，防止自己想不起来这是做什么的/为什么收藏；
- 能够精简浏览器收藏夹，快速找到常用的内容；
- 可以通过插件的形式对本页面内容进行快速搜索；
- 经过简单拓展能够转变为「个人知识库」。
- 可以向其他人共享。
感谢分享