前端开发入门--工具篇

 

子曰:“工欲善其事,必先利其器。居是邦也,事其大夫之贤者,友其士之仁者
                                                               -----<论语> 　

从前端技能学习开始，先学习css,js等使用语法，然后学习盒模型等使用技巧，了解浏览器各兼容性（还好有现成的组件可以使用），最后还有一项就是要用好各种前端开发的工具。

1。各浏览器的调试工具
IE:
IETest:同时可以调试IE5.5-8的版本
debugBar：类似firebug,但还不够强大；
companion.js:js调试工具；

FireFox：
fireBug、venKman；

2。图像处理软件
PhotoShop,window自带的画笔等等；

3。截图工具
picPick等；

4。抓色工具
IE或者ff都有类似的插件，比如我安装的ff的控件--rainbow。
colorPic;

5.前端数据分析工具
fiddler；
httpWatch；
YSlow；

6.css/js优化工具
cssTidy；
js压缩软件；

个人使用心得：
抓图、取色、比对像素、处理图片等都是前端开发的开发需求基本功，所以工具用好了，质量就会高，同时也能提高效率。