WEB前端设计师常用工具集锦

前端之家收集整理的这篇文章主要介绍了WEB前端设计师常用工具集锦前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是我整理和收集的一些前端开发常用的 插件、工具、软件等不为别的,相当于给电脑做个小备份,至于使用方法,以后我会总结,目前的话还是自行google吧。

【FireFox插件

1. Firefbug —— 页面调式工具

2. YSlow —— 网页评级工具

3. pixel Perfect —— HTML与设计稿对比

4. CSS Usage —— CSS使用效率优化工具

5. Page Speed —— 快速优化网页类似于YSlow

6. Measureit —— 实时测量工具

7. Fiddler —— 本地调式页面样式利器

8. DNS flusher —— DNS刷新工具

9. Colorzilla —— 实时颜色选取工具

10. Web Developer —— 检查网页的相关信息

11. FireMobileSimulator —— 模拟手机

12. JavaScript Dubugger —— JavaScript 排错

13. Greasemonkey —— 脚本小程序

14. Firecookie —— Cookie

【Chrome插件

1. Awesome Screenshot —— 网页截图

2. user-Agent Switcher —— 切换显示设备

3. web Developer —— 检查网页的相关信息

4. Window Resizer —— 更改分辨率

5. YSlow —— 网页评级工具

6. 浏览器兼容性检测

【前端开发常用网址工具】

web色彩搭配

CSS3 生成

CSS3 按钮生成

CSS 图片合成器

CSS代码检查

ajax loading图片

CSS hack表

浏览器市场

测试浏览器支持CSS3情况

检测用户体验

CSS模板生成

CSS压缩

CSS常用字体

#

CSS3 Transform

CSS3 贝塞尔曲线

YUI CSS grid工具

JavaScrip代码优化美化

代码演示

原型图设计工具

#

【本地及常用软件及IDE编辑器】

1. MarkMan —— 设计师,前端工程师必备

2. VIM —— 超快的编辑器

3. Adobe PhotoShop CS6 —— 切图专用

4. IE Tester —— 检查页面兼容

5. Fiddler2 —— 检测请求

6. Beyond Commpar —— 文件比较

7. GIT —— 分布式版本控制

8. Opera Mobile Emulator —— 手机浏览器

9. SimpLESS —— LESS

掌握了以上这些工具中的大部分,恭喜您,离一个优秀的前端设计师不远了~~

猜你在找的JavaScript相关文章