📖 2021-09

聚焦前端，记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用，每月28日更新，本期第三十三期。2021 年度第九期。

星推

Github Star 推荐

• unplugin

  Unified plugin system for build tools.

  一个可以统一构建工具而开发的插件系统，编写一次，即可生成 Vite、Rollup、Webpack 可以运行的插件。

工具

• Derealize

  一个 Tailwind CSS Editor

• Milkdown

  一个插件驱动的所见即所得的Markdown编辑器框架

  

• Emoji Finder

  在写文章或者文档的时候，经常需要找到一个 emoji 而烦恼，输入法往往联想不出来正确的 emoji

  这个站点提供了可按关键词搜索到 emoji 的体验，大大的展示结果，方便快捷找到 emoji。

• Stately

  可视化的状态机工具，一目了然，提升开发体验。

• Squircley!

  一个界面精美的用于快速生成 icon、logo 背景图案的小工具

• couleur

  a simple tool to help you create harmonizing color palettes.

  一个调色板工具🎨

• coding-fonts

  一个可以在线预览可用于编程的字体的工具，我常用的是 Fira Code，你呢。

• smooth shadow

  一个可以用于生成平滑阴影效果的小工具

• TailwindCSS Buttons

  基于 TailwindCSS 编写的，可以一键复制粘贴各种按钮样式工具

  

• toolb

  一个Web开发者需要的工具集合站点

• motion one

  更轻量、性能更好的动画类库，仍然有可丰富的功能，堪比 gsap

• Awesome data visualization tools

  Cube.js 为开发者收集了用于可视化开发的各种好用工具

  

资源

• Storytale

  2835 High-quality illustrations to bring life into you projects.

  在这里能获取到一些高质量的插画，为你的项目添加生机活力。

• error404.fun

  Royalty free illustrations for 404 pages

  该站点提供了一些Web站点 404 页面可以用到的免费插画

• Mac OSX Remastered Wallpapers

  该站点收集了历年来苹果到 macOS 系统壁纸，可供下载

教程

• 在浏览器里输入 URL 到底发生了什么？

  来自 @manekinekko 的 Twitter

  一图解释了经典面试题《在浏览器里输入 URL 到底发生了什么？》所需要关注的知识点。

  

• The World of CSS Transforms

  作者用生动的例子讲解 CSS Transforms 的使用方式。

• The Minimum Content Size In CSS Grid

  文章解释了在 CSS Grid 中最小容器宽度带来的问题，以及解决方法。

阅读

• Journey with Icons Continues

  Vue、Vite 核心成员 Anthony Fu 讨论了为了提速加载 Iconify 的 icon 而进行的不断尝试

  从 PurgeIcons 到 vite-plugin-icons，再到 unplugin-icons

  解决方案不断演进为通用的 icon 加载方案，不局限于框架与构建工具。

  很佩服他的不断探索解决问题的精神，值得学习。

往期

时间	序号
2019	汇总
2020	汇总
2021-01	第二十五期
2021-02	第二十六期
2021-03	第二十七期
2021-04	第二十八期
2021-05	第二十九期
2021-06	第三十期
2021-07	第三十一期
2021-08	第三十二期

下期再见，可以 Watch 本月刊的 GitHub 仓库 github.com/xiaoluobodi…

原文：xiaoluoboding.github.io/monthly/202…