📖 2021-09
聚焦前端,记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用,每月28日更新,本期第三十三期。2021 年度第九期。
星推
Github Star 推荐
-
Unified plugin system for build tools.
一个可以统一构建工具而开发的插件系统,编写一次,即可生成 Vite、Rollup、Webpack 可以运行的插件。
工具
-
一个 Tailwind CSS Editor
-
一个插件驱动的所见即所得的Markdown编辑器框架
-
在写文章或者文档的时候,经常需要找到一个 emoji 而烦恼,输入法往往联想不出来正确的 emoji
这个站点提供了可按关键词搜索到 emoji 的体验,大大的展示结果,方便快捷找到 emoji。
-
可视化的状态机工具,一目了然,提升开发体验。
-
一个界面精美的用于快速生成 icon、logo 背景图案的小工具
-
a simple tool to help you create harmonizing color palettes.
一个调色板工具🎨
-
一个可以在线预览可用于编程的字体的工具,我常用的是 Fira Code,你呢。
-
一个可以用于生成平滑阴影效果的小工具
-
基于 TailwindCSS 编写的,可以一键复制粘贴各种按钮样式工具
-
一个Web开发者需要的工具集合站点
-
更轻量、性能更好的动画类库,仍然有可丰富的功能,堪比 gsap
-
Awesome data visualization tools
Cube.js 为开发者收集了用于可视化开发的各种好用工具
资源
-
2835 High-quality illustrations to bring life into you projects.
在这里能获取到一些高质量的插画,为你的项目添加生机活力。
-
Royalty free illustrations for 404 pages
该站点提供了一些Web站点 404 页面可以用到的免费插画
-
该站点收集了历年来苹果到 macOS 系统壁纸,可供下载
教程
-
来自 @manekinekko 的 Twitter
一图解释了经典面试题《在浏览器里输入 URL 到底发生了什么?》所需要关注的知识点。
-
作者用生动的例子讲解 CSS Transforms 的使用方式。
-
The Minimum Content Size In CSS Grid
文章解释了在 CSS Grid 中最小容器宽度带来的问题,以及解决方法。
阅读
-
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…