moeyua/collection.md

## collection.md

      
    Raw
  

              collection.md
            
          
    Collection

这里是由 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 的中文文档。

FAQ


为什么不把收藏夹放在浏览器里？


因为收藏越来越多且大部分内容使用频率较低，所以删除了一些过期/不再需要的内容，并将所有内容进行了整理归档。


这么做的好处？


能在链接后增加一些必要的描述，防止自己想不起来这是做什么的/为什么收藏；
能够精简浏览器收藏夹，快速找到常用的内容；
可以通过插件的形式对本页面内容进行快速搜索；
经过简单拓展能够转变为「个人知识库」。
可以向其他人共享。