15款web設計師和前端開發必備的Chrome擴展插件

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章