📖 2021-11

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

最近在忙着搬家，错过了本月 28 日，还好赶上了 11 月的尾巴。

星推

❝

Github Star 推荐

❞

• vitesse-nuxt3

  Vitesse for Nuxt 3 🏔💚⚡️

  Vitesse 家族新成员，适配Nuxt 3的开发模版

  如果喜欢更轻量、好用的 Nuxt 3 模版，可以参考我的开发模版nuxt3-starter

• tldraw

  小而美的画图工具

  

  202111_tldraw

工具

• SVG Backgrounds

  Customize and apply backgrounds fast

  一个快速可以定制 SVG 背景的小工具

  🔗 链接：www.svgbackgrounds.com/

• Lunacy

  Free design software that keeps your flow with AI tools and built-in graphics

  Icons8 出品的免费的设计软件，集成了一些 AI 驱动的工具，比如智能去除图片背景等工具

  🔗 链接：icons8.com/lunacy

• IconKitchen

  A web tool for cooking up app icons for any platform.

  一款应用 Icon 生成器 For Web

  🔗 链接：icon.kitchen/

• Lorem Space

  API for placeholder images but useful!

  更好用的图片占位图 API 服务

  🔗 链接：lorem.space/

• Phenomenon

  ⚡️ A fast 2kB low-level WebGL API.

  一个基于 GPU 的高性能的仅有 2KB 的 WebGL API

  🔗 链接：github.com/vaneenige/p…

• Giscus

  由 GitHub Discussions 驱动的评论系统

  🔗 链接：giscus.app/

• Shadow Palette Generator

  Create a set of lush, realistic CSS shadows.

  用于创建逼真的 CSS 阴影的小工具

  🔗 链接：www.joshwcomeau.com/shadow-pale…

  

  202111_tldraw

• SVGCode

  可以将位图转换为矢量图（SVG）的 PWA 应用

  🔗 链接：svgco.de/

• Remix

  一款专注于提供终端用户以快速、丝滑的用户体验的全栈 Web 框架

  🔗 链接：remix.run/

  PS. 官网视差效果做的很酷

  

  202111_tldraw

教程

• Learn Responsive Design

  A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone.

  出自 web.dev 的学习响应式设计教程，共计 16 个章节

• Record, replay and measure user flows

  Chrome DevTools 开发者工具新增 Recorder 面板，支持录制、回放、度量用户行为序列间的性能表现。

• A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH

  来自 Michelle 的现代 CSS 颜色使用教程，讲述如何在设计系统中正确使用颜色。

应用

• TopNotch

  Makes the notch dispappear like a 🥷

  一个让2021新款 Macbook Pro 刘海儿 ”变没“ 的小工具

  PS. 当新款的 Macbook Pro 改变了用户习惯时，总会有人站出来反抗。😂

  

往期

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

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

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