网站建设时浏览器扩展程序可以加快设计工作流程,从而帮助您完成从标识字体到提取色样到检查元素代码的所有工作。谷歌浏览器在所有用户中占据了58%的市场份额,在所有其他浏览器中均位居第一。
并且有很多扩展可以帮助您在设计工作流程中优化Chrome的性能。
我们为设计人员和开发人员汇总了25个非常有用的Google Chrome扩展程序,真棒。
网站选板
网站调色板会生成全面的调色板,您可以共享,样本和下载。使此扩展程序非常有价值的部分是,您可以从任何网站提取调色板,以作为将来颜色组合的灵感。它可与Sketch,Google Art Palette和Adobe色板一起使用,并具有免费的API。
CSS-Shack
CSS-Shack可让您在浏览器中创建图层样式并使用单个CSS文件导出。从完整的网站设计到简单的按钮,它都可以为所有内容创建模型。
什么字体
WhatFont回答您燃烧的排版问题:该网站上的字体是什么?当您用鼠标悬停时,通过识别字体不需要花费很多工作来识别字体。它获取Web字体的常用服务。
Checkbot
Checkbot可帮助您检查和修复网站上的SEO,速度和安全性问题。用它来扫描断开的链接,重复的标题,不安全的页面,无效的HTML以及可能影响可用性的许多其他问题。该扩展程序包含最佳实践规则,甚至可能是您从未想到的一些事情。
完美像素
PerfectPixel使您可以在开发的HTML上放置半透明的图像叠加层,并执行像素完美比较。用它来设计像素完美的精度。
页面标尺
Page Ruler是Google Chrome扩展程序,可让您绘制标尺并获取像素尺寸和位置。用它来衡量网站上的任何元素。通过带有箭头和向导的拖放界面,它非常易于使用。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/262905.html