适用于设计人员和开发人员的Google Chrome扩展程序

网站建设时浏览器扩展程序可以加快设计工作流程,从而帮助您完成从标识字体到提取色样到检查元素代码的所有工作。谷歌浏览器在所有用户中占据了58%的市场份额,在所有其他浏览器中均位居第一。

并且有很多扩展可以帮助您在设计工作流程中优化Chrome的性能。

我们为设计人员和开发人员汇总了25个非常有用的Google Chrome扩展程序,真棒。

网站选板

网站建设

网站建设

网站调色板会生成全面的调色板,您可以共享,样本和下载。使此扩展程序非常有价值的部分是,您可以从任何网站提取调色板,以作为将来颜色组合的灵感。它可与Sketch,Google Art Palette和Adobe色板一起使用,并具有免费的API。

CSS-Shack

适用于设计人员和开发人员的Google Chrome扩展程序

CSS-Shack可让您在浏览器中创建图层样式并使用单个CSS文件导出。从完整的网站设计到简单的按钮,它都可以为所有内容创建模型。

什么字体

适用于设计人员和开发人员的Google Chrome扩展程序

WhatFont回答您燃烧的排版问题:该网站上的字体是什么?当您用鼠标悬停时,通过识别字体不需要花费很多工作来识别字体。它获取Web字体的常用服务。

Checkbot

适用于设计人员和开发人员的Google Chrome扩展程序

Checkbot可帮助您检查和修复网站上的SEO,速度和安全性问题。用它来扫描断开的链接,重复的标题,不安全的页面,无效的HTML以及可能影响可用性的许多其他问题。该扩展程序包含最佳实践规则,甚至可能是您从未想到的一些事情。

完美像素

适用于设计人员和开发人员的Google Chrome扩展程序

PerfectPixel使您可以在开发的HTML上放置半透明的图像叠加层,并执行像素完美比较。用它来设计像素完美的精度。

页面标尺

适用于设计人员和开发人员的Google Chrome扩展程序

Page Ruler是Google Chrome扩展程序,可让您绘制标尺并获取像素尺寸和位置。用它来衡量网站上的任何元素。通过带有箭头和向导的拖放界面,它非常易于使用。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/262216.html

(0)
上一篇 2022年5月25日 18:18
下一篇 2022年5月25日 18:27

相关推荐

发表回复

登录后才能评论