🏠 使用 Cloudflare Pages 部署静态博客
Web | Wiki | 内测申请
👉 Features：
- 支持与 GitHub 账号关联，直接调用部署项目
- 支持 Gatsby、Hexo、Hugo、Jekyll、React & Vue 等实例部署
- 支持邀请成员共同协作
- 提供免费二级域名 *.pages.dev，也可设置独立域名
- 提供 Firebase、Vercel 等 PaaS 平台的迁移方案
- 通过 Cloudflare Access 控制预览部署的访问权限（即将推出）
👀 大约在一个星期前，我收到了去年 12 月中旬申请的 Cloudflare Pages 的内测资格。由于之前没有用过静态博客，因此从头开始在本地部署 Hexo 并上传至 GitHub。整个过程遇到了一些不愉快，最后没能像主编们一样立即部署上去
于是我先 fork 了一个模板仓库，体验了一下具体流程：首先与 GitHub 账号关联、选择对应的项目仓库，然后设置名称、选择分支和部署方式，最后等待部署完成
整个过程走下来感觉比第一次使用快了一些，整体时间大约在 1min 左右，而之前单单环境构建就需要 3min 以上。不清楚是项目过于简单还是 Cloudflare 针对这个槽点做了优化。直连加载速度尚可，但不要对免费的 Cloudflare 网络期望太高
👨🏻💻 我认为，Cloudflare Pages 存在的价值是能够帮助用户快速迁移博客到 Cloudflare 生态之中，配合 Web Analytics、域名托管、Workers 等功能一同使用。但目前依然存在跳转、一些情况下部署失败的问题，也希望 Cloudflare 能够提供越来越多的选择
Cloudflare Pages 免费版一个月提供 500 次构建发布，不限定站点数、请求数、流量和团队成员数，可以说是比较良心的。有静态博客的朋友不妨尝试一下，个人偏爱的主题是 Cards 和 Stack，也欢迎分享你在用的主题
📘 关联阅读：基于 Cloudflare Workers / KV 的博客项目
频道：@NewlearnerChannel
在线学习资源
w3schools -世界上最大的Web开发人员网站。教程参考，示例，实践，证书。
Codecademy- 学习所需工作所需的技术技能。作为在线教育和学习编码的领导者。
Real Python- 在线学习Python：面向所有技能水平的开发人员的Python教程，Python书籍和课程，Python新闻，代码示例，文章等。
Study Tonight 学习-通过手写的简单教程，测试和视频教程学习诸如Java，C ++，DBMS，数据结构等工程主题的最佳场所。
Programiz -通过我们易于遵循的教程，示例，在线编译器和参考资料，学习使用Python，C / C ++，Java和其他流行的编程语言进行编码。
JavaScript资讯 -现代JavaScript教程。
命令行教程 -UNIX基本命令教程。
Try Git 一系列互动的挑战，以学习和尝试Git。恢复
ResumeGenius -唯一可以吸引您面试的在线简历构建器。在几分钟之内创建一份专业的简历，下载并打印。
resume.io- 免费的在线简历制作工具，可让您在数分钟内创建完美的简历。看看今天写一份专业简历并申请工作是多么容易！
Resume Now - 只需要几分钟。在线简历制作者应该花很长时间使用-我们免费的简历制作者也不需要。
Canva- 使用Canva的免费简历生成器，可以轻松快捷地申请理想的工作。从数百种免费中选择。
novoresume- 在2020年制作完美的简历，并使用免费的简历生成器获得理想的工作。选择一个模板。个性化它。
RX-Resume- 轻松建立您的简历。
mailsac- 一次性测试电子邮件收件箱服务。
HTTP状态代码 -HTTP状态代码目录，其中包含定义，详细信息和有用的代码参考。
Play With Docker -一个简单，互动且有趣的游乐场，可学习Docker。
Tiny Helpers- 面向Web开发人员的免费的单用途在线工具集合。
Free for Developers -这是为开发人员提供免费套餐的软件和其他产品的列表。
Dev Resources -开发资源可为您的开发者之旅提供一切，所有内容均列在精选列表中。
开发者博客站点
DEV- 一个建设性和包容性的社交网络。开源且完全透明。
Medium -媒介是一个开放的平台，读者可以在其中找到动态思维，专家和未被发现的声音可以在任何主题上分享他们的作品。
Hacker News -从Hacker News获取最新信息！
Hacker Noon -Hacker Noon用真实的技术专家撰写的不受束缚的故事和观点反映了技术行业。
Smashing Magazine —适用于Web设计师和开发人员。
Hashnode-一个免费的内容创建平台和社区，允许您在自己的域上发布文章。
w3schools -世界上最大的Web开发人员网站。教程参考，示例，实践，证书。
Codecademy- 学习所需工作所需的技术技能。作为在线教育和学习编码的领导者。
Real Python- 在线学习Python：面向所有技能水平的开发人员的Python教程，Python书籍和课程，Python新闻，代码示例，文章等。
Study Tonight 学习-通过手写的简单教程，测试和视频教程学习诸如Java，C ++，DBMS，数据结构等工程主题的最佳场所。
Programiz -通过我们易于遵循的教程，示例，在线编译器和参考资料，学习使用Python，C / C ++，Java和其他流行的编程语言进行编码。
JavaScript资讯 -现代JavaScript教程。
命令行教程 -UNIX基本命令教程。
Try Git 一系列互动的挑战，以学习和尝试Git。恢复
ResumeGenius -唯一可以吸引您面试的在线简历构建器。在几分钟之内创建一份专业的简历，下载并打印。
resume.io- 免费的在线简历制作工具，可让您在数分钟内创建完美的简历。看看今天写一份专业简历并申请工作是多么容易！
Resume Now - 只需要几分钟。在线简历制作者应该花很长时间使用-我们免费的简历制作者也不需要。
Canva- 使用Canva的免费简历生成器，可以轻松快捷地申请理想的工作。从数百种免费中选择。
novoresume- 在2020年制作完美的简历，并使用免费的简历生成器获得理想的工作。选择一个模板。个性化它。
RX-Resume- 轻松建立您的简历。
mailsac- 一次性测试电子邮件收件箱服务。
HTTP状态代码 -HTTP状态代码目录，其中包含定义，详细信息和有用的代码参考。
Play With Docker -一个简单，互动且有趣的游乐场，可学习Docker。
Tiny Helpers- 面向Web开发人员的免费的单用途在线工具集合。
Free for Developers -这是为开发人员提供免费套餐的软件和其他产品的列表。
Dev Resources -开发资源可为您的开发者之旅提供一切，所有内容均列在精选列表中。
开发者博客站点
DEV- 一个建设性和包容性的社交网络。开源且完全透明。
Medium -媒介是一个开放的平台，读者可以在其中找到动态思维，专家和未被发现的声音可以在任何主题上分享他们的作品。
Hacker News -从Hacker News获取最新信息！
Hacker Noon -Hacker Noon用真实的技术专家撰写的不受束缚的故事和观点反映了技术行业。
Smashing Magazine —适用于Web设计师和开发人员。
Hashnode-一个免费的内容创建平台和社区，允许您在自己的域上发布文章。
JavaScript
freeCodeCamp -最好的免费资源，用于以交互方式学习JavaScript。
Codecademy -免费课程，以交互方式学习JavaScript。
JavaScript.info -现代JavaScript教程。
Eloquent JavaScript- 这是一本有关JavaScript，编程和数字奇迹的书。您可以在此处在线阅读。
JavaScript30-30 天香草JS编码挑战。在30天内使用30个教程构建30件事。
JavaScript的工作方式
MDN的JavaScript参考
JavaScript事件参考
DOM操作参考
JavaScript设计模式
Node.js教程 -Net Ninja编写的Node.js速成课程教程。
最佳实践 -大量的构建节点应用程序的最佳实践。对于大型项目很重要。
The Node Way-Node.js最佳实践的完整哲学和指导原则，用于编写可维护的模块，可伸缩的应用程序和易于阅读的代码。
你不知道Node.js
Awesome Nodejs - 令人愉快的Node.js软件包和资源。
Express.js安全提示 -如何保存和保护应用程序。
PYTHON
Codecademy- 免费课程，以交互方式学习Python。
Programiz- 学习Python编程。
Awesome Python- 精选的Python框架，库，软件和资源的精选清单。
Flask教程 -Miguel Grinberg编写的Flask Mega-Tutorial。
APIs
公共API- 面向开发人员的1000多种免费的公共和开放REST API的汇总列表。
JSONPlaceholder- 免费使用伪造的在线REST API进行测试和原型制作。
OpenWeather- 来自OpenWeatherMap的简单，快速，免费的天气API，您可以访问当前的天气数据，每小时，5天和16天的天气预报。
SWAPI- 星际大战API。
Quotes REST API- 他们说So在数据库中拥有超过一百万条报价，这是世界上最大的此类数据库。Quotes API提供了一种简单的方法来访问数据
开发者工具
Postman -使API开发变得容易。简化构建API的每个步骤并简化协作，以便您可以更快地创建更好的API。
Insomnia -领先的开源API客户端，以及用于GraphQL和REST的协作API设计平台。
JSON Server -在不到30秒的时间内（严重）获得具有零编码的完全伪造的REST API。用<3创建，供需要快速后端进行原型制作和模拟的前端开发人员使用。
npm trends -您应该使用哪个NPM软件包？比较一段时间内的NPM软件包下载统计信息。找出趋势，选出赢家。
BUNDLEPHOBIA-查找将npm软件包添加到软件包中的成本
freeCodeCamp -最好的免费资源，用于以交互方式学习JavaScript。
Codecademy -免费课程，以交互方式学习JavaScript。
JavaScript.info -现代JavaScript教程。
Eloquent JavaScript- 这是一本有关JavaScript，编程和数字奇迹的书。您可以在此处在线阅读。
JavaScript30-30 天香草JS编码挑战。在30天内使用30个教程构建30件事。
JavaScript的工作方式
MDN的JavaScript参考
JavaScript事件参考
DOM操作参考
JavaScript设计模式
Node.js教程 -Net Ninja编写的Node.js速成课程教程。
最佳实践 -大量的构建节点应用程序的最佳实践。对于大型项目很重要。
The Node Way-Node.js最佳实践的完整哲学和指导原则，用于编写可维护的模块，可伸缩的应用程序和易于阅读的代码。
你不知道Node.js
Awesome Nodejs - 令人愉快的Node.js软件包和资源。
Express.js安全提示 -如何保存和保护应用程序。
PYTHON
Codecademy- 免费课程，以交互方式学习Python。
Programiz- 学习Python编程。
Awesome Python- 精选的Python框架，库，软件和资源的精选清单。
Flask教程 -Miguel Grinberg编写的Flask Mega-Tutorial。
APIs
公共API- 面向开发人员的1000多种免费的公共和开放REST API的汇总列表。
JSONPlaceholder- 免费使用伪造的在线REST API进行测试和原型制作。
OpenWeather- 来自OpenWeatherMap的简单，快速，免费的天气API，您可以访问当前的天气数据，每小时，5天和16天的天气预报。
SWAPI- 星际大战API。
Quotes REST API- 他们说So在数据库中拥有超过一百万条报价，这是世界上最大的此类数据库。Quotes API提供了一种简单的方法来访问数据
开发者工具
Postman -使API开发变得容易。简化构建API的每个步骤并简化协作，以便您可以更快地创建更好的API。
Insomnia -领先的开源API客户端，以及用于GraphQL和REST的协作API设计平台。
JSON Server -在不到30秒的时间内（严重）获得具有零编码的完全伪造的REST API。用<3创建，供需要快速后端进行原型制作和模拟的前端开发人员使用。
npm trends -您应该使用哪个NPM软件包？比较一段时间内的NPM软件包下载统计信息。找出趋势，选出赢家。
BUNDLEPHOBIA-查找将npm软件包添加到软件包中的成本
可访问性
辅助功能博客 -七个易于实施的指南，用于设计更易访问的网站。
可访问性博客-开发 -提升网站可访问性的13种方法。
可访问性备忘单 -通用设计的实用方法，使每个人都可以访问您的网站/ webapp。
现场分析仪
web.dev -查看您的网站的效果如何。然后，获取技巧以改善您的用户体验。
Lighthouse Metrics （灯塔指标）可让您轻松了解网站的性能。
Windows终端
Windows Terminal
FluentTerminal
Hyper
Cmder
在线 #IDE 编辑器
Repl.it
CodeSandbox
CodePen
JS Bin
JSFiddle
goormIDE
辅助功能博客 -七个易于实施的指南，用于设计更易访问的网站。
可访问性博客-开发 -提升网站可访问性的13种方法。
可访问性备忘单 -通用设计的实用方法，使每个人都可以访问您的网站/ webapp。
现场分析仪
web.dev -查看您的网站的效果如何。然后，获取技巧以改善您的用户体验。
Lighthouse Metrics （灯塔指标）可让您轻松了解网站的性能。
Windows终端
Windows Terminal
FluentTerminal
Hyper
Cmder
在线 #IDE 编辑器
Repl.it
CodeSandbox
CodePen
JS Bin
JSFiddle
goormIDE
#生成器
Lorem Ipsum -Lorem Ipsum发生器。
RealFaviconGenerator -图标生成器
Favicon Maker- 免费的Favicon制造商。
Meta Tags -元标记生成器，预览您的网页在Google，Facebook，Twitter等上的外观！
Clippy -CSS剪切路径生成器。
Regex101- 在线正则表达式测试器。
Web代码工具 -生成HTML5，CSS3，微数据，JSON-LD，Twitter卡，Open Graph等！
Carbon -创建并共享您来源的精美图像。
CSS网格生成器 -快速设计网页布局，并获取HTML和CSS代码。直观地学习CSS Grid，并使用我们的交互式CSS Grid Generator构建Web布局。
Lorem Ipsum -Lorem Ipsum发生器。
RealFaviconGenerator -图标生成器
Favicon Maker- 免费的Favicon制造商。
Meta Tags -元标记生成器，预览您的网页在Google，Facebook，Twitter等上的外观！
Clippy -CSS剪切路径生成器。
Regex101- 在线正则表达式测试器。
Web代码工具 -生成HTML5，CSS3，微数据，JSON-LD，Twitter卡，Open Graph等！
Carbon -创建并共享您来源的精美图像。
CSS网格生成器 -快速设计网页布局，并获取HTML和CSS代码。直观地学习CSS Grid，并使用我们的交互式CSS Grid Generator构建Web布局。
前端挑战或技能
CodePen -使用我们的在线代码编辑器构建，共享和学习JavaScript，CSS和HTML
Frontend Mentor -通过构建真实的项目来提高您的前端技能。解决现实世界中的HTML，CSS和JavaScript难题，同时致力于专业设计。
Good Code -浏览数十种前端编码挑战，并附带Adobe XD文件和样式指南。
codier -探索并尝试前端编码挑战。
CSS之战 -CSS代码查询在这里！使用您的CSS技能以尽可能小的代码复制目标。随时检查以下目标，并测试您的CSS技能。
字体和印刷术
Google字体 -免费和易于使用的Webfonts的第一大资源。
Fonts Arena- 免费字体，高级字体的免费替代品，针对您的研究需要的文章。
Fontjoy -Fontjoy帮助设计师选择最佳的字体组合。混合并匹配不同的字体以实现完美的配对。
FontPair -字体对可帮助设计师将Google字体配对在一起。漂亮的Google字体组合和对。
颜色和工具
Coolors -为您的设计生成或浏览漂亮的色彩组合。
0to255- 一种颜色工具，可轻松使颜色变浅和变暗。
color x color- 一种为UI创建可访问的颜色系统的工具
颜色和字体 -查找颜色和版式组合，随时可以一键复制粘贴。
ColorSpace- 生成漂亮的调色板。
CSS Gradient- 免费的CSS渐变生成器工具。
uiGradients -为设计人员和开发人员精心挑选的一组美丽的颜色渐变。
图像资源区
Unsplash - Free images and photos.
Pexels - Free stock photos.
Pixabay - Free image or video.
LOADING.IO - 针对项目的免费微调器
LottieFiles -lottifiles是一个为Lottie设计的动画集合——给开发者调试的日子已经一去不复返了
removebg - 去除图像背景
Remove Photo Data 2 - 在网上分享照片之前，请先删除照片上的个人资料
befunky - BeFunky的一体化在线创意平台有您需要的一切轻松编辑照片，创建图形设计，并使照片拼贴
#插图
unDraw - 浏览以找到适合您需要的插图，并单击下载
manypixels，免费插图，为您的项目提供动力。以商业或非商业的方式使用它们，用于登陆页面、博客帖子、电子邮件通讯、社交媒体图形等
DrawKit - 为您的下一个完美项目手绘矢量插图和图标资源。
freepik - 免费的图形资源
#图标
Ionicons - 开源的MIT许可图标包.
Font Awesome - 矢量图标和社会标志
Material Icons - 材质图标是常见动作和物品的精美精美设计符号。在桌面上下载可在Android，iOS和Web的数字产品中使用它们
icons8 - 下载PNG和SVG中的免费图标
flaticon - SVG，PSD，PNG，EPS格式或图标字体的免费矢量图标。
Tabler Icons - 完全可定制的免费SVG图标
icofont - 2100多种免费图标，为您的创意设计增添趣味
Simple Icons - 1463个流行品牌的免费SVG图标
CodePen -使用我们的在线代码编辑器构建，共享和学习JavaScript，CSS和HTML
Frontend Mentor -通过构建真实的项目来提高您的前端技能。解决现实世界中的HTML，CSS和JavaScript难题，同时致力于专业设计。
Good Code -浏览数十种前端编码挑战，并附带Adobe XD文件和样式指南。
codier -探索并尝试前端编码挑战。
CSS之战 -CSS代码查询在这里！使用您的CSS技能以尽可能小的代码复制目标。随时检查以下目标，并测试您的CSS技能。
字体和印刷术
Google字体 -免费和易于使用的Webfonts的第一大资源。
Fonts Arena- 免费字体，高级字体的免费替代品，针对您的研究需要的文章。
Fontjoy -Fontjoy帮助设计师选择最佳的字体组合。混合并匹配不同的字体以实现完美的配对。
FontPair -字体对可帮助设计师将Google字体配对在一起。漂亮的Google字体组合和对。
颜色和工具
Coolors -为您的设计生成或浏览漂亮的色彩组合。
0to255- 一种颜色工具，可轻松使颜色变浅和变暗。
color x color- 一种为UI创建可访问的颜色系统的工具
颜色和字体 -查找颜色和版式组合，随时可以一键复制粘贴。
ColorSpace- 生成漂亮的调色板。
CSS Gradient- 免费的CSS渐变生成器工具。
uiGradients -为设计人员和开发人员精心挑选的一组美丽的颜色渐变。
图像资源区
Unsplash - Free images and photos.
Pexels - Free stock photos.
Pixabay - Free image or video.
LOADING.IO - 针对项目的免费微调器
LottieFiles -lottifiles是一个为Lottie设计的动画集合——给开发者调试的日子已经一去不复返了
removebg - 去除图像背景
Remove Photo Data 2 - 在网上分享照片之前，请先删除照片上的个人资料
befunky - BeFunky的一体化在线创意平台有您需要的一切轻松编辑照片，创建图形设计，并使照片拼贴
#插图
unDraw - 浏览以找到适合您需要的插图，并单击下载
manypixels，免费插图，为您的项目提供动力。以商业或非商业的方式使用它们，用于登陆页面、博客帖子、电子邮件通讯、社交媒体图形等
DrawKit - 为您的下一个完美项目手绘矢量插图和图标资源。
freepik - 免费的图形资源
#图标
Ionicons - 开源的MIT许可图标包.
Font Awesome - 矢量图标和社会标志
Material Icons - 材质图标是常见动作和物品的精美精美设计符号。在桌面上下载可在Android，iOS和Web的数字产品中使用它们
icons8 - 下载PNG和SVG中的免费图标
flaticon - SVG，PSD，PNG，EPS格式或图标字体的免费矢量图标。
Tabler Icons - 完全可定制的免费SVG图标
icofont - 2100多种免费图标，为您的创意设计增添趣味
Simple Icons - 1463个流行品牌的免费SVG图标
2021完整的 #Web 开发资源
开发商ROADMAPS
Frontend -前端开发路线图。
Backend -后端开发路线图。
React -React开发路线图。
Andriod -Android开发路线图。
DevOps -DevOps路线图。
文档和备忘单
MDN Web Docs -MDN Web Docs网站提供有关Open Web技术的信息，包括网站和渐进式Web应用程序的HTML，CSS和API。
DevDocs- 为开发人员提供的快速，离线和免费的文档浏览器。在一个Web应用程序中搜索100多个文档。
DEVHINTS- 少量的备忘单。
FLEX - Malven -用于CSS flex布局的可视备忘单。
GRID - Malven -CSS网格布局的可视备忘单。
设计工具
Figma -Figma帮助团队从头到尾创建，测试和交付更好的设计。
Adobe XD- 通过外观和感觉像真实事物的设计分享您的故事。线框，动画，原型，协作等等—一切都在这里，一站式完成。
Sketch-使用超过100万人使用的设计平台，从自由职业者到全球最大的团队，创建，制作原型，进行协作并将您的想法变为现实。
Whimsical -以思想的速度进行视觉交流–协作流程图，线框，便签和思维导图。
网络如何运作？
互联网的工作原理视频 -互联网如何运作？
互联网的工作原理简短视频 -关于互联网如何工作的简要说明？
域名解析 -DNS如何工作？
HTTPS -HTTPS如何工作？
HTML和CSS
freeCodeCamp -学习Web开发的免费课程。
Interneting Is Hard -面向完整初学者的友好的Web开发教程。
HTML Elements -由MDN引用的HTML元素。
HTML Entity -CSS技巧的HTML实体参考。
CSS3属性 -MDN引用的CSS。
CSS参考 -CSS的免费视觉指南。
Flexbox Froggy -一款可帮助您学习CSS Flex的游戏。
CSS技巧-Flexbox -Flexbox完整指南。
网格花园-一个学习CSS网格的游戏。
CSS TRICKS - A Complete Guide to Grid -CSS网格的全面指南，着重于网格父容器和网格子元素的所有设置。
学习CSS网格 -Jonathan Suh撰写的综合指南，可帮助了解和学习CSS网格布局。
Can I Use -最新的浏览器支持表，以支持台式机和移动Web浏览器上的前端Web技术。
CSS Effects -CSS动画。
Keyframes-使用可视时间轴编辑器创建基本或复杂的CSS @keyframe动画。
Animista -玩准备好使用CSS动画的集合。
BEM -BEM命名备忘单。
Autoprefixer 一个PostCSS插件，可解析您的CSS并添加供应商前缀。
CSS Formatter- 在线CSS Formatter，CSS Beautifier。
Placeholder -如何使用我们的占位符。只需在我们的URL后指定图像大小，将获得一个占位符图像
开发商ROADMAPS
Frontend -前端开发路线图。
Backend -后端开发路线图。
React -React开发路线图。
Andriod -Android开发路线图。
DevOps -DevOps路线图。
文档和备忘单
MDN Web Docs -MDN Web Docs网站提供有关Open Web技术的信息，包括网站和渐进式Web应用程序的HTML，CSS和API。
DevDocs- 为开发人员提供的快速，离线和免费的文档浏览器。在一个Web应用程序中搜索100多个文档。
DEVHINTS- 少量的备忘单。
FLEX - Malven -用于CSS flex布局的可视备忘单。
GRID - Malven -CSS网格布局的可视备忘单。
设计工具
Figma -Figma帮助团队从头到尾创建，测试和交付更好的设计。
Adobe XD- 通过外观和感觉像真实事物的设计分享您的故事。线框，动画，原型，协作等等—一切都在这里，一站式完成。
Sketch-使用超过100万人使用的设计平台，从自由职业者到全球最大的团队，创建，制作原型，进行协作并将您的想法变为现实。
Whimsical -以思想的速度进行视觉交流–协作流程图，线框，便签和思维导图。
网络如何运作？
互联网的工作原理视频 -互联网如何运作？
互联网的工作原理简短视频 -关于互联网如何工作的简要说明？
域名解析 -DNS如何工作？
HTTPS -HTTPS如何工作？
HTML和CSS
freeCodeCamp -学习Web开发的免费课程。
Interneting Is Hard -面向完整初学者的友好的Web开发教程。
HTML Elements -由MDN引用的HTML元素。
HTML Entity -CSS技巧的HTML实体参考。
CSS3属性 -MDN引用的CSS。
CSS参考 -CSS的免费视觉指南。
Flexbox Froggy -一款可帮助您学习CSS Flex的游戏。
CSS技巧-Flexbox -Flexbox完整指南。
网格花园-一个学习CSS网格的游戏。
CSS TRICKS - A Complete Guide to Grid -CSS网格的全面指南，着重于网格父容器和网格子元素的所有设置。
学习CSS网格 -Jonathan Suh撰写的综合指南，可帮助了解和学习CSS网格布局。
Can I Use -最新的浏览器支持表，以支持台式机和移动Web浏览器上的前端Web技术。
CSS Effects -CSS动画。
Keyframes-使用可视时间轴编辑器创建基本或复杂的CSS @keyframe动画。
Animista -玩准备好使用CSS动画的集合。
BEM -BEM命名备忘单。
Autoprefixer 一个PostCSS插件，可解析您的CSS并添加供应商前缀。
CSS Formatter- 在线CSS Formatter，CSS Beautifier。
Placeholder -如何使用我们的占位符。只需在我们的URL后指定图像大小，将获得一个占位符图像
Telegram 知识汇总
* Telegram 汉化/中文语言包
* Telegram iOS 客户端无法进入/查看开车群的方法
* Telegram +86 双向联系人私聊限制的说明
* Telegram 解除 +86 双向联系人私聊限制的方法
* Telegram 官方客户端下载地址
* Telegram 知识教程
* Telegram 分组/文件夹
* Telegram 归档
* Telegram 主题
* Telegram 如何建群
* Telegram 如何注销
* Telegram 两步验证
* Telegram 隐私设置
* Telegram 代理设置
* Telegram 慢速模式
* Telegram 消息翻译
* Telegram 创建投票
* Telegram 如何加好友
* Telegram 防止被拉进群
* Telegram 缓存/自动下载
* Telegram 如何联系官方
* Telegram 如何添加多账号
* Telegram 客户端多开
* Telegram 客户端说明
* Telegram 和 Telegram X 区别
* Telegram Mac 客户端的区别
* Telegram 如何把图文一起发
* Telegram 如何查看群组管理员
* Telegram 中文搜索的问题
* Telegram PWA 网页版
* Telegram 群组/频道/机器人汇总
* Telegram 公开群
* Telegram 频道
* Telegram 机器人
* Nicegram 介绍
* 打赏
👥 群组 @yxbjx
📢 频道 @YinxiangBiji_News
* Telegram 汉化/中文语言包
* Telegram iOS 客户端无法进入/查看开车群的方法
* Telegram +86 双向联系人私聊限制的说明
* Telegram 解除 +86 双向联系人私聊限制的方法
* Telegram 官方客户端下载地址
* Telegram 知识教程
* Telegram 分组/文件夹
* Telegram 归档
* Telegram 主题
* Telegram 如何建群
* Telegram 如何注销
* Telegram 两步验证
* Telegram 隐私设置
* Telegram 代理设置
* Telegram 慢速模式
* Telegram 消息翻译
* Telegram 创建投票
* Telegram 如何加好友
* Telegram 防止被拉进群
* Telegram 缓存/自动下载
* Telegram 如何联系官方
* Telegram 如何添加多账号
* Telegram 客户端多开
* Telegram 客户端说明
* Telegram 和 Telegram X 区别
* Telegram Mac 客户端的区别
* Telegram 如何把图文一起发
* Telegram 如何查看群组管理员
* Telegram 中文搜索的问题
* Telegram PWA 网页版
* Telegram 群组/频道/机器人汇总
* Telegram 公开群
* Telegram 频道
* Telegram 机器人
* Nicegram 介绍
* 打赏
👥 群组 @yxbjx
📢 频道 @YinxiangBiji_News
