如何做出漂亮的网页2：设计师爱不释手的Chrome扩展

CSS - Shack

允许用户创建图层样式（就像使用图像编辑软件一样），并将它们导出为单个 CSS 文件，或者复制到剪贴板。

虽然这款插件目前已不再维护，但仍可以使用，对于初学者来说是非常友好的。

CSS Peeper

为设计师定制的 CSS 查看器，能让设计师专注于设计，使其尽量花费最少的时间查看代码。

以最简单的方法帮助设计师检查Web上隐藏的CSS对象，颜色和资源样式，快速了解网站行高，字体或按钮大小。

ColorZilla

网页取色器，帮助你从浏览器的任何位置获取颜色读数，快速调整此颜色并将其粘贴到另一个程序中。

能够获取页面上任何元素的颜色，包括动态悬停、Flash对象、缩放内容等。同时配有最近选择颜色的历史记录和CSS生成器。

IcoMoon

在线矢量Icon，可以使用它来浏览，管理和制作自定义图标集。

支持下载SVG，Polymer，Font，PDF，CSH等格式，也可以选择导入自己的矢量。

库中带有超过5000个免费矢量图标，可以直接选择使用，即使处于离线状态也可以访问它们。

它还能生成所有必要的Web字体格式：WOFF，TTF，SVG，EOT。

Palette Creator

右键点击任何图片，选择“调色板创建器”选项，这款插件就可以立即创建一个8/16/24/32调色板。

如图所示，在右键选项中选择调色板后，浏览器会在新标签页中显示选中图像的调色板。