前端技术栈月刊 📖 2021-09

1,858

📖 2021-09

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

星推

Github Star 推荐

  • unplugin

    Unified plugin system for build tools.

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

工具

  • Derealize

    一个 Tailwind CSS Editor

  • Milkdown

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

    202109_milkdown

  • 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 编写的,可以一键复制粘贴各种按钮样式工具

    tailwindcss-buttons

  • toolb

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

  • motion one

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

  • Awesome data visualization tools

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

    awesome-datav-tools

资源

  • 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 系统壁纸,可供下载

教程

阅读

  • Journey with Icons Continues

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

    PurgeIconsvite-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…

wizard_fist_bump

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