调色板、在线矢量Icon,网站设计必备的Chrome扩展(二)

发布者 : okay

696

2018-09-03

调色板、在线矢量Icon,网站设计必备的Chrome扩展(二)

1535963099232176.png CSS - Shack


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


1535963320356995.jpg


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


1535963162526416.png


1535964142123443.pngCSS Peeper


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


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


1535964233696599.jpg


unnamed (2).png ColorZilla


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


1535963863772904.jpg


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


1535963942739922.jpg


点击此处下载


1535964431592886.png IcoMoon


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


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


1535964524618246.jpg


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


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


1535964655799281.png


1535964905333830.png Palette Creator


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


1535964951507573.jpg


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


1535965150191842.jpg

全部标签

最新评论
更多评论
没有更多了