标签为
206 篇文章
级联 SVG 填充颜色
有一次,有人告诉我他们使用 SVG 图标时最大的问题是,图标的颜色与它们旁边的文本颜色不匹配。事实上,这个问题对他们来说非常严重,以至于尽管看到了 SVG 的优势……
Chris Coyier 于 发布
SVG symbol 是图标的良好选择
正在寻找更好的 SVG 图标方法?内联 SVG 可能是最好的选择,您可以在 这篇更近期的文章 中了解更多信息。
您可以设计一个图标集,其中所有图标都具有相同的……
Chris Coyier 于 发布
使用封装进行语义标记
以下文章由 Chris Scott 撰写。Chris 向我们介绍了 Shadow DOM 的一个很好的用例。作为设计师,我们可能希望以某种方式设置样式,但有时最终不得不……
Chris Coyier 于 发布
SVG `text` 和小型、可缩放、可访问的排版设计
假设您使用自定义字体设计了一些比较花哨的东西。也许某个单词的位置是在下面另一个单词的升部之间。部分文本的字距被缩小以匹配该……
Chris Coyier 于 发布
使用外部源的 SVG `use`
关于这个主题还有一篇 较新的文章,其中涵盖了一些较新的信息。
内联 SVG 是一种使用 SVG 的绝佳方式,因为除了其他原因之外,构成图形的单个形状可以被编写脚本和设置样式。该……
Chris Coyier 于 发布
创建可访问的 SVG 的技巧
Léonie Watson 提供了关于如何做好 SVG 可访问性工作的非常有必要的参考。几个要点:1)使用它,SVG 的清晰度对视力障碍者很有帮助。2)内联 SVG 提供更好的可访问性……
Chris Coyier 于 发布
带有内联 SVG 的链接,保持事件的目标
在网页上的锚链接或其他“可点击/可点触” 的内容中使用 SVG 非常常见。内联 <svg></svg>
的 SVG 也越来越普遍,因为在 DOM 中拥有 SVG 通常很方便,因为它……
Chris Coyier 于 发布
内联 SVG 与图标字体 [决斗]
如果您正在为网站构建一个图标系统,您有一些选择。如果您知道图标需要是光栅图像,那么您可能会使用 CSS 雪碧图。如果图标是矢量图像(更……
Chris Coyier 于 发布