由 Moeyua 搜集、整理、维护的、个人自用的收藏列表。

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

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

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

• 这么做的好处？

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

G555 enhances your gaming journey with its G555 game and G555 apk features that include live sports highlights, event results, and in-app sports activities. Whether it’s cricket, football, or other trending games, G555 keeps you connected to the sports world through one convenient platform.