首页 文章资讯 调色板、在线矢量Icon,网站设计必备的Chrome扩展(二)

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

发布者 : okay

1127

2018-09-03

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

分享

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

扩展迷QQ交流群

close
qr-code

为打击盗链困扰,本站已启用公众号验证
微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

正在验证
验证成功
下载遇到问题?请添加QQ群:398095333
close
qr-code

为打击盗链困扰,本站已启用公众号验证
微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

正在验证
验证成功