📖 2021-01

星推

Github Star 推荐

• unified (opens new window)

  ☔️ Unified提供了一系列接口，将文本解析为语法树，使用语法树编译处理文本。以下是 unified 的工作原理

| ........................ process ........................... |
| .......... parse ... | ... run ... | ... stringify ..........|

          +--------+                     +----------+
Input ->- | Parser | ->- Syntax Tree ->- | Compiler | ->- Output
          +--------+          |          +----------+
                              X
                              |
                       +--------------+
                       | Transformers |
                       +--------------+

工具

• dnd-kit (opens new window)

  一个新的 React 技术栈中好用的 Drag & Drop 类库

• Sass Online Playground (opens new window)

  一个 Sass 在线运行环境

• Twind (opens new window)

  The smallest, fastest, most feature complete Tailwind-in-JS solution in existence

• Resize Observer (opens new window)

  Polyfills the ResizeObserver (opens new window) API.

• pino (opens new window)

  用于 Node.js 中的日志服务.

• kalendar (opens new window)

  一个可以添加、管理日历事件的插件

• codejar (opens new window)

  🍯 仅 2KB 的可嵌入的代码编辑器

  

• Simonwep/selection (opens new window)

  ✨ Selection 仅 4Kb 的框选元素类库

资源

• State of JS 2020 (opens new window)

  前端 JS 趋势 2020

• Icon Duck (opens new window)

  108,210 free open source icons & illustrations.

• Flagpack (opens new window)

  260+ open source flag icons to use in your design tool or in your code project.

• Fraunces (opens new window)

  免费字体资源 Fraunces

  

教程

• The Rules of Margin Collapse (opens new window)

  In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly.

• Understanding Clip Path in CSS (opens new window)

  When I first learned CSS clip-path back in the days, I took more time than I had expected, and I struggled to memorize it, too. I don’t know the exact reason, but maybe because I didn’t use it that much? Anyway, I will re-learn it with you.

• How to select elements that are not children of other elements in CSS (opens new window)

  Today I came across a PR on MDN compatibility data that aims to update the CSS's support information for the :not() pseudo-class.

应用

• Rectangle (opens new window)

  Rectangle is a window management app based on Spectacle, written in Swift.

  

• Big Timer (opens new window)

  界面精美的在线版的倒计时器应用