Web开发

首页 » 常识 » 问答 » 如何做出漂亮的网页设计师爱不释手的Chr
TUhjnbcbe - 2021/5/9 2:59:00
程少为出诊的医院 http://www.bdfyy999.com/zhuanjiatuandui/104395.html

WindowResizer

重新调整浏览器的窗口大小,以便模拟各种设备上的分辨率。

它对网页设计师和开发人员尤其有用,可以让他们在不同的浏览器分辨率下对布局进行测试。

除了默认尺寸外,还可以自定义窗口的宽度/高度,窗口位置,预设图标(手机,平板电脑,笔记本电脑,桌面)等。

Infinity新标签页的iphone预览效果:

你还可以选择将新尺寸预览应用于整个浏览器或仅应用于当前标签页:

TextMode

将网站图片替换成黑白色块,以方便查看页面布局是否合理。

点击扩展按钮,所有页面都以文本形式显示(无图像,动画或视频),使网站上的内容更易于阅读和扫描。

在减少页面加载负担的同时,还能摒除图片对设计人员的干扰,使他们更容易站在用户角度体验网站使用感。

在设置中,有五种不同的替换花纹可供选择:

PageRuler

测量网页上的任何元素的像素和尺寸,并绘制标尺以显示其宽度,高度和位置。

拖动标尺的边缘即可调整其大小,使用箭头键移动标尺并调整尺寸

并且支持从工具栏中手动更新标尺的大小和位置,以进行精确更改。

启用“Elements元素模式”后,鼠标移动到页面某一位置,便能自动勾选出元素。

CSS-Shack

允许用户创建图层样式(就像使用图像编辑软件一样),并将它们导出为单个CSS文件,或者复制到剪贴板。

虽然这款插件目前已不再维护,但仍可以使用,对于初学者来说是非常友好的。

CSSPeeper

为设计师定制的CSS查看器,能让设计师专注于设计,使其尽量花费最少的时间查看代码。

以最简单的方法帮助设计师检查Web上隐藏的CSS对象,颜色和资源样式,快速了解网站行高,字体或按钮大小。

ColorZilla

网页取色器,帮助你从浏览器的任何位置获取颜色读数,快速调整此颜色并将其粘贴到另一个程序中。

能够获取页面上任何元素的颜色,包括动态悬停、Flash对象、缩放内容等。同时配有最近选择颜色的历史记录和CSS生成器。

IcoMoon

在线矢量Icon,可以使用它来浏览,管理和制作自定义图标集。

支持下载SVG,Polymer,Font,PDF,CSH等格式,也可以选择导入自己的矢量。

库中带有超过个免费矢量图标,可以直接选择使用,即使处于离线状态也可以访问它们。

它还能生成所有必要的Web字体格式:WOFF,TTF,SVG,EOT。

PaletteCreator

右键点击任何图片,选择“调色板创建器”选项,这款插件就可以立即创建一个8/16/24/32调色板。

如图所示,在右键选项中选择调色板后,浏览器会在新标签页中显示选中图像的调色板。

请在“扩展迷Extfans”插件商店中下载扩展离线文件,

1
查看完整版本: 如何做出漂亮的网页设计师爱不释手的Chr