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 多家互聯網公司申請加入。

有好多很好的文章在：

捷微H5微信活動群① 413534092

新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！

總結

以上是生活随笔為你收集整理的关于H5工程师那些日常必需工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。