盘点:20个用于网页设计的Chrome扩展程序

Chrome浏览器有很多网页设计扩展插件,可以帮助你进行网站发布、重新设计、布局整体用户体验等活动。

下文是关于谷歌Chrome应用商店的20个网页设计插件。这些插件可以帮你找到正确的字体、开发调色板、发现和创建鼓舞人心的图像、自定义图形、测量元素以及分析页面和竞争对手。

适用于Chrome网页设计的20款插件

1、Pixlr Editor是一个浏览器图片编辑器,可以完全控制图像,包括图层和效果。它包含电脑图形设计应用程序中常见的高级功能,如图层、套索工具、画笔控件、克隆和过滤器。

2、ColorZilla可以从浏览器中的任何位置读取颜色。调整颜色,然后粘贴到另一个程序。它具有CSS渐变生成器,具有七个预安装调色板查看器等。

3、Palette Creator允许你从任何图像创建调色板,以用于进一步创作。你只需右键单击图像,然后选择“Palette Creator”选项即可。

4、WhatFont是识别网页字体的有效方法。可以快速获取鼠标悬停处的文本字体信息,WhatFont还可用于检测字体提供的服务。

5、Font Changer允许你使用Google Web Fonts中的任何字体更改网站上的字体,还可以为所有网站或特定网站设置字体。

6、Evernote Web Clipper帮助你将Web上有趣的内容保存到Evernote帐户中。可用于剪辑任何网页,突出显示重要的内容、注释、截屏,并随时随地访问内容。

7、Amino是一个用于编写持久用户样式表的实时CSS编辑器。可将自定义样式保存并同步到你的谷歌帐户,从多台计算机访问。可自定义页面外观并修复渲染错误。

8、Stylebot允许你使用自定义CSS操纵任何网站的外观。选择一个元素并从编辑器中选择要进行的更改。即可改变字体、颜色、页边距、可见性等等。

9、EnjoyCSS是一个免费的在线CSS3生成器。用于快速调整丰富的图形样式,无需编码。进行二维和三维变换、复杂过渡、线性和径向渐变、文本阴影等,可访问CSS解决方案库。

10、CSS Shapes Editor是一个交互式编辑器,用于为选定的元素创建和调整CSS形状值。

11、Dimensions是一款用于测量屏幕上项目的工具,如区域边界、图像、输入字段、按钮、视频、文本和图标。有助于测量模型。

12、Eye Dropper可以从web页面、颜色选择器或颜色历史记录中选择颜色。

13、Minimalist Markdown Editor是一个简单、方便的Markdown编辑器。只需编写Markdown文本,并在键入时查看它的外观。具有一键式HTML转换、持久标签、离线功能等。

14、BuiltWith Technology Profiler是一个工具,可以让你确定网站的构建技术。在web页面上,单击build twith图标可以查看使用的所有技术。

15、Search Stackoverflow是一个论坛,提供关于许多编码的问题和答案。用户可以提问和回答问题,并编辑内容。

16、Project Naptha是一个工具,可以高突出显示、复制、编辑甚至翻译web上任何图像中的文本。可访问并处理从图像中释放出来的单词。

17、Web Developer Checklist包含有用的实践以及指向支持材料的链接。它是WebDevChecklist.com的附加扩展。

18、Checkbot是一个网站审核工具,可以快速地抓取数百个页面,查找与搜索引擎优化、速度和安全性相关的问题。此外,它还可免费检查每个站点250个URL。

19、Web Developer可以添加工具栏按钮和各种Web开发人员工具,这是Firefox的 web开发人员扩展的一部分。

20、StayFocusd通过限制在特定网站上花费的时间来提高你的工作效率。一旦指定的时间用完,你将无法访问所限制的网站。

(编译/雨果网 吕晓琳)

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190925A0BKTK00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励