我最喜欢的 5 个前端速查表和书签

1. CSS Grid 速查表

2. CSS Flex 速查表

3.缓动函数

4. CSS 剪切路径生成器

5. CSS-TRICKS.com

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

首先，我想先说明一点，我认为时不时地回归基础总是有益无害的。

我坚信，无论你经验多么丰富、成就多么高超，都应该时不时地回顾一下工作的基本原理。不要把它看作是退后一步，而应该看作是巩固基础，让建立在其上的房子更加坚固。每次这样做，你往往都会有新的领悟。

因此，尽管这些帖子大多是面向初学者的（因为我也认为自己是初学者），但一些更高级的前端开发人员或许也会发现其中一些很有用。

那么，我们开始吧。以下是我工作时最常用的一些速查表和书签，它们总是触手可及：

1. CSS Grid 速查表

由 Malven 公司提供
grid.malven.co

关于 Grid 的文章和参考资料有很多，但这篇绝对是我最喜欢的。它就像一张精美的视觉速查表，所有设置都以图示的形式呈现在一页上，让你一眼就能找到并理解它们，这才是速查表该有的样子！

2. CSS Flex 速查表

由 Malven Co.
flexbox.malven.co

和上一个一样，不过这次是Flex版。
是的，我太喜欢这些了，所以在我的清单上给它们留了两个位置！:)

3.缓动函数

作者：Andrey Sitnik和 Ivan Solovev
easings.net

线性过渡太逊了，对吧？:)
这个教程包含很多缓动函数示例，以及尺寸、位置、透明度和渐变效果的预览。
当然，也包括贝塞尔曲线。

4. CSS 剪切路径生成器

作者：Bennett Feely
bennettfeely.com/clippy

只需点击几下，即可使用此工具创建和预览剪辑路径！它非常简单直观。

5. CSS-TRICKS.com

由一群很棒的人组成的庞大社区
css-tricks.com

这算不上什么速查表，因为我实在无法只挑选一个功能，整个网站都非常棒。
这可能是我目前为止见过的最好的 CSS 资源。

您还有其他符合这个清单的资源吗？欢迎在评论区留言，我会查看，如果喜欢的话，我可能会把它们分享到我的Instagram故事里。

祝你一周愉快！