Responsive Web Design Tester

9a7e1ddd-234c-4774-8098-71035b6e29cb.png

方便快捷的测试响应式网站的小工具


Window Resizer

c448fdd4-7e4d-4ab5-b07d-0d7ff88e07fa.png

模拟不同屏幕分辨率的工具

Page Ruler

d31bef92-3b42-4c5c-adfd-c337a3836365.png

绘制页面的分割线,帮助来调整和控制页面中的元素


Dimensions

0046bbad-e80f-47d7-b1d8-85a5820401ae.png

一个帮助设计师控制屏幕尺寸的工具


ColorZilla

c0008750-ec19-48ba-acfb-756f4c788159.png

提供了颜色选择器,渐变生成器及其其它高级功能的插件

WhatFon t

e6cb6b30-3936-465d-8a88-05a80dd7397a.png

最简单的方式来识别页面的文字内容

TypeWonder7dd72061-a3c3-4e77-a3a5-172869fcd3a4.png

快速帮助你检测页面字体


CSS—Shack

e4b5a875-525c-4d57-8c51-df0c0053c40e.png

一个web和桌面应用,允许你创建层样式,并且导出为一个简单的CSS文件


PerfectPixel by WellDoneCode

a81c91e1-d4b7-48cc-a2ad-96087194b137.png

这个扩展允许开发人员放置一个半透明的图片到开发的HTML上,并且执行像素级别的对比


Lightshot (screenshot tool)

af742297-0f97-4057-a380-f6218a722600.png

一个简单的录屏工具,选择区域,编辑并且上传到服务器


UX Check

66deac0e-e759-46a3-93cd-89bbee1898cb.png

对你的网站执行一个启发式的评估


Code Cola

8e288005-3025-4d19-bcbc-bc3d669b312f.png

帮助可视化编辑在线页面的CSS样式


Corporate Ipsum

5eb3e2a7-a8a8-436b-a835-a935124cacb4.png

随机生成占位的企业宣言


Pendule

0856bac5-2391-4285-9887-a24f2f07ba81.png

chrome的web开发者工具

via igeekbar.com