子曰:“工欲善其事,必先利其器。居是邦也,事其大夫之贤者,友其士之仁者
-----<论语>
从前端技能学习开始,先学习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压缩软件;
个人使用心得:
抓图、取色、比对像素、处理图片等都是前端开发的开发需求基本功,所以工具用好了,质量就会高,同时也能提高效率。