15個用于設計和開發的基本Chrome瀏覽器擴展

1. Awesome Screenshot: Capture & Anno
這是最好的截圖Chrome擴展。可以截取整個頁面或部分特定頁面。此外，您可以用圓圈，箭頭等方式來標記您的截圖。

2. Window Resizer
有了這個擴展，你可以輕松地調整您的瀏覽器的窗口。這將幫助你實現不同屏幕分辨率的QA流程。

3. CSS Grady
利用CSS Grady可以很方便生成CSS Gradients。還可以自動生成多瀏覽器CSS3代碼。

4. Color Picker
這是一個為Web開發人員提供的顏色選擇器。它可以幫助您從您正在查看的網頁選擇任何顏色。除了這個，你還可以在DOM內改變元素的顏色。

5. Pixlr express
Pixlr express是一個用戶友好和現代的圖片編輯器。它擁有各種圖片編輯效果。

6. Pixlr Editor
這是一個非常棒的免費Pixlr編輯器。擁有豐富的功能。

7. CSS Shack
就像Photoshop或者其他圖片編輯軟件一樣 CSS-Shack讓你可以打造不同風格的層，并可以導出成為一個單獨的CSS文件，或者你也可以把它們復制到剪貼板。

8. Balsamiq Mockups
我個人比較喜歡這一個，因為它使我能夠建立和更改不同的草圖質量的線框圖。

9. ShiftEdit
這是一個在線ODE能夠讓開發和設計人員使用SFTP 或 Google Drive 或 Dropbox開發PHP, CSS, HTML, RUBY等。

10. Moqups
正如其名稱所示，這個App可用于完美的獨特實體模型，交互原型，線框圖。這是一個非常好的HTML5應用程序。

11. Palette for Chrome 、用于輕松創建一個顏色面板，您需要做的就是右鍵點擊圖片并尋找'調色板的Chrome瀏覽器“選項。一旦你選擇它，它會立即為您從該映像創建一個調色板。

12. Web Developer
這是專門為Web開發人員設計，這個擴展會在你的瀏覽器工具欄增加各種Web開發工具按鈕。

13. BuiltWith Technology Profiler
這是一個完美的工具，能夠標識一個網站是利用什么構建的。非常直觀和易于使用。只要按一下“” ‘built with’ 按紐。

14. Sight
這個擴展用于高亮查看源代碼。提供多種主題和字體選擇等。

15. Stylebot  
通過自定義CSS組合，stylebot實際上可以操縱任何網站的布局。