15个用于设计和开发的基本Chrome浏览器扩展

jopen 10年前

1. Awesome Screenshot: Capture & Anno 15个用于设计和开发的基本Chrome浏览器扩展
这是最好的截图Chrome扩展。可以截取整个页面或部分特定页面。此外，您可以用圆圈，箭头等方式来标记您的截图。

2. Window Resizer 15个用于设计和开发的基本Chrome浏览器扩展
有了这个扩展，你可以轻松地调整您的浏览器的窗口。这将帮助你实现不同屏幕分辨率的QA流程。

3. CSS Grady 15个用于设计和开发的基本Chrome浏览器扩展
利用CSS Grady可以很方便生成CSS Gradients。还可以自动生成多浏览器CSS3代码。

4. Color Picker 15个用于设计和开发的基本Chrome浏览器扩展
这是一个为Web开发人员提供的颜色选择器。它可以帮助您从您正在查看的网页选择任何颜色。除了这个，你还可以在DOM内改变元素的颜色。

5. Pixlr express 15个用于设计和开发的基本Chrome浏览器扩展
Pixlr express是一个用户友好和现代的图片编辑器。它拥有各种图片编辑效果。

6. Pixlr Editor 15个用于设计和开发的基本Chrome浏览器扩展
这是一个非常棒的免费Pixlr编辑器。拥有丰富的功能。

7. CSS Shack 15个用于设计和开发的基本Chrome浏览器扩展
就像Photoshop或者其他图片编辑软件一样 CSS-Shack让你可以打造不同风格的层，并可以导出成为一个单独的CSS文件，或者你也可以把它们复制到剪贴板。

8. Balsamiq Mockups 15个用于设计和开发的基本Chrome浏览器扩展
我个人比较喜欢这一个，因为它使我能够建立和更改不同的草图质量的线框图。

9. ShiftEdit 15个用于设计和开发的基本Chrome浏览器扩展
这是一个在线ODE能够让开发和设计人员使用SFTP 或 Google Drive 或 Dropbox开发PHP, CSS, HTML, RUBY等。

10. Moqups 15个用于设计和开发的基本Chrome浏览器扩展
正如其名称所示，这个App可用于完美的独特实体模型，交互原型，线框图。这是一个非常好的HTML5应用程序。

11. Palette for Chrome 15个用于设计和开发的基本Chrome浏览器扩展 、用于轻松创建一个颜色面板，您需要做的就是右键点击图片并寻找'调色板的Chrome浏览器“选项。一旦你选择它，它会立即为您从该映像创建一个调色板。

12. Web Developer 15个用于设计和开发的基本Chrome浏览器扩展
这是专门为Web开发人员设计，这个扩展会在你的浏览器工具栏增加各种Web开发工具按钮。

13. BuiltWith Technology Profiler 15个用于设计和开发的基本Chrome浏览器扩展
这是一个完美的工具，能够标识一个网站是利用什么构建的。非常直观和易于使用。只要按一下“” ‘built with’ 按纽。

14. Sight 15个用于设计和开发的基本Chrome浏览器扩展
这个扩展用于高亮查看源代码。提供多种主题和字体选择等。

15. Stylebot   15个用于设计和开发的基本Chrome浏览器扩展
通过自定义CSS组合，stylebot实际上可以操纵任何网站的布局。