关于H5工程师那些日常必需工具

1，HBuilder一个不错的web前端IDE(代码编辑器)

Web前端开发，2000之后基本就是三剑客的天下。到现在DW也是不错的HTMLcoder，如今的前端开发早已是JS的天下。但是DW对于JS方面就弱爆了。DW虽然支持JS语法高亮也支持JQuery JqueryMobile 甚至还支持Phonegap。但是对于JS的支持到了有的程度而已，语法高亮、语法提示仅此而已了。我们需要的是什么呢？

这个IDE是基于eclipse的专门用于Web前端设计代码编辑器。是过国产HTML5+项目的配套IDE，HTML5+是一个类似PhoneGap的基于Html5+CSS+JS的轻应用解决方案。同时提供android、ios、移动Web应用。而且开源。国内目前这类项目还是比较丰富的，总的来说这类方案还不错，对于一些简单的应用特别是中小型企业发布自己的APP降低了门槛，减少了成本，提高了效率。我个人对这类技术持看好的态度。HBuilder就是用来构建基于HTM5+的Web轻应用的IDE，既然是Web应用，自然对HTML5\CSS\JS支持要足够高了。那么理所当然的HBuilder可以用来进行Web的前端开发

HBuilder-飞速编码的极客工具，手指爽，眼睛爽。这速度小编最爱了，HBuilder的问世有意义的推动和加速HTML5的发展，碎片化的语法定义和浏览器兼容性一直是开发者最头疼的，现在开发者有福了，在 HBuilder最全语法库中可以看到每个语法在各个浏览器、各个版本的支持情况。集成大量常用语法块，少敲多行代码，飞一般地编码，体验极客速度。

2. MarkMan是一款方便高效的标注工具，极大节省设计师在设计稿上添加和修改标注的时间，让设计更有爱。MarkMan使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一建完成。MarkMan是基于 Adobe AIR 平台，可以跨平台使用，减少了在不同平台使用产生的一系列问题。

（1）长度标记

（2）.坐标和矩形标记

（3）.色值标记

（4）.文字标记

3.IconFont:阿里巴巴矢量图标库是由阿里巴巴体验团队倾力打造的中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能，是设计师和前端开发的便捷工具。

IconFont平台是由阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中，Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。同时iconfont平台作为矢量图标倡导者，积极在线分享矢量图标制作经验、前端应用说明，及应用中常见的一些问题。

网页矢量图标在线生成工具：Iconfont为解决设计师制作字体图标困难的问题，为用户提供了在线矢量格式转换的功能。设计师只要将设计好的图标上传至平台，平台将会将图标存储在平台上，并转换成多种格式文件。

个人图标管理：Iconfont作为一个去中心化的平台，支持设计自己上传图标、收藏图标以及管理项目图标。

图标下载：Iconfont为不同需求的用户提供了不同格式的图标下载，如：ttf、woff、eot、svg、png、eps。

交互设计师&视觉设计为解决交互设计师在axure中使用图标的需求，iconfont为交互设计师提供了透明背景的图标下载(png格式)，支持修改图标的色彩;视觉设计师则可以通过下载AI原文件获得高保真的图标文件。

4.SegmentFault ( www.sf.gg ) 是中国领先的开发者技术社区。我们希望为编程爱好者提供一个纯粹、高质的技术交流的平台,与开发者一起学习、交流与成长,创造属于开发者的平台

SegmentFault 团队将黑客马拉松活动引入中国，至今，已经在国内一线互联网城市以及台北、新加坡、硅谷等地区举办了超过 50 场黑客马拉松。SegmentFault 是目前中国最大的黑客马拉松组织方。目前，SegmentFault 平台上用户接近百万，每日 UV 20 万，每月产生 2000 篇高质量的技术文章，95% 的内容由用户产生。招聘平台内测一个月，已有 500 多家互联网公司申请加入。

有好多很好的文章在：