📖 2020-09

星推

• vue-lit (opens new window)

  Proof of concept mini custom elements framework powered by @vue/reactivity and lit-html. The "framework" itself is just ~70 lines of code and the two libraries weigh in at ~6kb min + brotli combined.

• hoppscotch (opens new window)

  一个可以代替 PostMan 的 API 接口请求工具，支持 RESTFul / GraphQL / WebSocket，前身是 PostWoman。

工具

• VueTelemetry (opens new window)

  Discover websites made with Vue.js/VuePress/Next.js ...

  我的博客网址：https://xlbd.me (opens new window) 收录在 VuePress / Tailwind CSS 标签下

• Font Playground (opens new window)

  一个可以玩转字体的可视化工具

• v-calendar (opens new window)

  A lightweight, dependency-free plugin for building attributed calendars in Vue.js

• TimeCat (opens new window)

  A Magical Web Recorder 🖥

  TimeCat 是一个网页录屏工具，利用独特的录制方式与算法，提供超高性能与高压缩比的网页无损视频录制与回放。 其实现原理也很有趣，可以了解了解。

• Face API (opens new window)

  JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js

  

• Folder Size (opens new window)

  📁 Shows the current file | folder size in the status bar for Visual Studio Code

  我开发的第一款 VSCode 扩展，用于统计【文件｜文件夹大小】，点击了解详情 (opens new window)

  

教程

• BEM CHEAT SHEET (opens new window)

  给同样使用 CSS BEM 规范的你以命名规范建议

• A CSS-only, animated, wrapping underline. (opens new window)

• Changing a commit message (opens new window)

  如果提交消息中包含不明确、不正确或敏感的信息，您可以在本地修改它，然后将含有新消息的新提交推送到 GitHub。 您还可以更改提交消息以添加遗漏的信息。

  GitHub 的官方文档，教你如何修改已经提交的消息。这里指的是 git commit -m "xxx"，添加的信息。

• Centering in CSS (opens new window)

  A guide to everything you need to know about centering in CSS.

阅读

• 🇨🇳 《JavaScript 20 年》中文版 (opens new window)

  本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写，详细记载和解读了自 1995 年语言诞生到 2015 年 ES6 规范制定为止，共计 20 年的 JavaScript 语言演化经历。

资源

• IconPark (opens new window)

  IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一SVG源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。

  

应用

• massCode (opens new window)

  A free and open source code snippets manager for developers. It helps you create and organize your own personal snippets collection and have quick access to it.