前端工具网站总结

前端是一个跟设计有一定关联的职位，前端设计师如果有设计师的能力，可以进阶为前端设计工程师，所以，前端人员如果能够掌握设计师的技能，那也是挺不错的，如下的网站，也许跟前端的技术关联不大，但却能给web开发带来极大的便利。对于这些让我觉得酷酷的网站，我觉得有必要总结一下，做一下笔记。

1.www.tinypng.com。一款非常方便的在线图片压缩网站，在对图片视觉效果影响不大的情况下，能给对图片进行大幅的压缩。据我多次使用的经验，设计师给的图片，一般能给压缩70%以上，这对于web页面的性能优化，帮助非常大。而操作过程很简单，只需要把图片上传，压缩后下载即可。专业、高效、易用，非常赞。

2.http://www.iconfont.cn/。Iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台,网站涵盖了1000多个常用图标。海量的小图标可供使用，你只需要找到小图标，然后按照你需要的颜色、格式、大小进行下载即可。当前的开发过程中，是用不着这些的，都有设计师提供图片。在将来个人开发网站中，必定能受益匪浅。

3.http://spritepad.wearekiss.com/。将小图标合成sprite图。这其实可以算是设计师的工作，然而前端也可以做，非常简单，只需要把需要合成的图标拖到需要的位置即可。还能自动生成图标的背景CSS，提高开发效率。此功能跟第二个网站简直是配合的天衣无缝。

4.http://www.tangide.com/。一款专业的canvas开发工具网站，非常方便开发html5小游戏。

5.http://echarts.baidu.com/index.html。baidu前端开发的商业级数据图表API，大多是用canvas实现的，效果非常炫酷。附上我们公司使用到的两款炫酷的地图：http://www.weijuju.com/qudao.jsp。