文章标签

Super Tiny Icons

一堆 SVG 图标（流行事物的图标）都小于 1KB。SVG 非常适合用于代码高尔夫。

我本来想添加一个 CodePen 徽标，但里面已经有一个了，大小为 375 字节。我有一个 208 字节的……

Chris Coyier 于 2020 年 11 月 30 日

我完全相信 SVG 为在网络上构建界面打开了一个全新的世界。一开始学习 SVG 似乎令人生畏，但你有一个专门设计用于创建形状的规范，而且它仍然具有……

Sarah Drasner 于 2020 年 12 月 1 日

SVG

我之前比较过 SVG 和 Canvas。如果你正在尝试在这两者之间做出选择，请阅读那篇文章。我想说它们之间最主要的差异是矢量（SVG）与光栅（Canvas）。但第二大差异在于你如何使用它们。SVG 是……

Chris Coyier 于 2020 年 11 月 24 日

多年来我一直说一个相当不错的图标系统就是在你需要的地方插入带有内联 <svg> 的图标。这很容易做到，提供了完全的设计控制，（通常）具有良好的性能，并且意味着你不需要……

Chris Coyier 于 2020 年 11 月 12 日

2013 年，Jake Archibald 介绍了这个很酷的技巧，即动画化 SVG 路径使其看起来像在自行绘制。现在是 2020 年，这个技巧仍然很流行。我最近访问了许多网站，都看到了它。我，……

Linda Ikechukwu 于 2020 年 11 月 11 日

我制作了这个简洁的小灰色突发效果。它并没有什么特别之处，尤其是在与 CodePen 上令人惊叹的创意相比时，但我认为我可以记录其中发生的一些事情以供学习之用……

Chris Coyier 于 2020 年 11 月 3 日

SVG

很简单，对吧？确实！但花几分钟思考一下并计算我们能用多少种不同的方法来实现它还是很有趣的。而且我所说的线到底是什么？我们主要讨论的是……

Chris Coyier 于 2020 年 9 月 25 日

非常酷的项目来自 Bennett Feely！它将任何网络字体转换为 3D 字体，并带有鼠标悬停效果，可在空间中移动 3D 对象。让人想起 Zdog，但适用于字体。它通过堆叠一个……来发挥其魔力。

Chris Coyier 于 2020 年 9 月 22 日

每当我想到网络上的描边文本时，我都会想到：不。

CSS 中有 -webkit-text-stroke 用于此，但它将该描边放置在字符矢量轮廓的中间，绝对确保字符……

Chris Coyier 于 2020 年 9 月 3 日