大数跨境

20 款适用于网页设计的 Chrome 扩展程序

20 款适用于网页设计的 Chrome 扩展程序 电商实践
2019-09-03
0
导读:这是一份适用于设计师的 Chrome 扩展程序列表。其中包含用于查找合适字体、开发配色方案、发现并创建灵感图片、自定义图形、测量元素以及分析你自己和竞争对手网页的工具。

Chrome 浏览器拥有众多设计类扩展程序,可辅助网站发布、改版、布局优化及提升整体用户体验。

以下精选自 Google Chrome 网上应用店的设计工具,涵盖字体查找、配色方案开发、灵感图片发现与创建、图形自定义、元素测量以及页面与竞品分析等功能。

Chrome 设计扩展程序推荐

Pixlr Editor:一款功能强大的浏览器端照片编辑器,支持图层、套索、画笔控制、克隆和滤镜等桌面级高级功能,助您完全掌控图像编辑。

Pixlr Editor

ColorZilla:支持读取浏览器任意位置颜色并粘贴至其他程序。内置 CSS 渐变生成器及含七个预装调色板的查看器,配色工作更高效。

Palette Creator:可从任意图片中提取配色方案供后续创作使用。操作简便,右键点击图像即可调用。

WhatFont:识别网页字体的便捷工具。鼠标悬停即可获取字体信息及字体托管服务详情。

WhatFont

字体更改器:集成 Google Web Fonts 中 500 种字体,支持为所有网站或特定站点一键更换字体。

Evernote Web Clipper:高效保存网络内容至 Evernote。支持网页截图、高亮标注、添加注释,实现跨设备随时访问。

Amino:实时 CSS 编辑器,用于编写持久化用户样式表。支持同步至 Google 账户,多端访问,可自定义页面外观并修复渲染错误。

Amino

Stylebot:通过自定义 CSS 精准操控网站外观。选中元素后即可在编辑器中调整字体、颜色、边距、可见性等属性。

EnjoyCSS:免费在线 CSS3 生成器,无需编码即可快速制作 2D/3D 变换、复杂过渡、渐变及文本阴影等丰富样式,并提供 CSS 解决方案库。

CSS Shapes Editor:交互式编辑器,专为创建和调整选定元素的 CSS 形状值而设计。

CSS Shapes Editor

尺寸(Dimensions):屏幕测量利器,可精准测量区域边界、图像、输入框、按钮、视频、文本及图标,辅助设计稿还原。

吸管工具(Color Picker):支持从网页、颜色选择器或历史记录中快速拾取颜色。

极简 Markdown 编辑器:轻量级 Markdown 编辑工具,支持实时预览、一键转 HTML、标签页状态保持及离线使用。

极简 Markdown 编辑器

BuiltWith Technology Profiler:网站技术栈分析工具。点击图标即可查看当前网页所使用的全部技术框架与服务。

Search Stackoverflow:编程问答社区快捷入口。支持提问、回答、投票及内容编辑,快速解决开发难题。

Project Naptha:图像文本处理神器。可直接高亮、复制、编辑甚至翻译网页图片中的文字,打破图文交互壁垒。

Project Naptha

Web Developer Checklist:Web 开发最佳实践检查清单,提供实用指南及相关支持材料链接,配套 WebDevChecklist.com 使用。

Checkbot:网站审计工具,快速爬取数百个页面,检测 SEO、速度及安全性问题。免费版支持单站 250 个 URL 检查。

Web Developer:集成多种 Web 开发工具的工具栏插件,源自 Firefox 经典扩展,功能全面。

StayFocusd:效率管理工具,通过限制特定网站访问时间防止分心。分配时间耗尽后,当日将无法访问被屏蔽站点。

StayFocusd

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k