Web前端開發(fā)工程師需要核心掌握HTML/CSS/JS開發(fā)，在幾年前HTML5標(biāo)準(zhǔn)進(jìn)入國內(nèi)后，得到了快速的應(yīng)用于推廣，開發(fā)人員為了實(shí)現(xiàn)更多的效果和功能，將HTML5的應(yīng)用推崇到了極高的位置。作為前端開發(fā)工程師你是否了解HTML5常用的開發(fā)工具呢？

1、Initializr--Initializr是制作HTML5網(wǎng)站頂好的入門輔助開發(fā)工具，你可以使用提供的特色模板迅速生成網(wǎng)站，也可以自定義，Initializr會(huì)為你生成代碼簡潔的可定制的網(wǎng)頁模板。

2、HTML5 visual cheat sheet--HTML5 visual cheat sheet是一個(gè)非?？岬乃俨槭謨?cè)，每個(gè)Web開發(fā)人員的必備神器，可以幫助大家高速查找一個(gè)標(biāo)簽或者屬性。

3、Cross browser HTML5 forms--HTML5中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。Cross browser HTML5 forms還可以幫助你構(gòu)建完美的HTML5表單兼容方案。

4、HTML5demos--HTML5demos會(huì)告訴你每一個(gè)HTML5特性在哪些瀏覽器中支持，比如說你的瀏覽器是否支持HTML5 Canvas?Safari是否可以運(yùn)行簡單的HTML5聊天客戶端等問題。

5、Switch To HTML5--Switch To HTML5是一個(gè)基礎(chǔ)而實(shí)用的模板生成工具。

6、HTML5 Tracker--HTML5 Tracker可以跟蹤HTML5全新修訂信息。使用HTML5 Tracker可以了解HTML5的全新動(dòng)向。

7、HTML5 Test--HTML5 Test會(huì)為你當(dāng)前使用的瀏覽器生成一份對(duì)video、audio、canvas等等特性的支持情況的完整報(bào)告?？炜熳屇愕臑g覽器準(zhǔn)備好迎接HTML5革命吧。

8、HTML5 Canvas cheat--sheet Canvas元素是HTML5的重要元素之一，它可以在網(wǎng)頁中繪制圖形，非常強(qiáng)大。這是一個(gè)Canvas元素的詳細(xì)速查手冊(cè)。

9、Lime JS--LimeJS是一個(gè)HTML5游戲開發(fā)框架，用于高速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。非常棒的HTML5開發(fā)工具，一定要用用試試。

10、HTML5 Reset--HTML5 Reset是一組文件，包括HTML、CSS等，用于在開始新項(xiàng)目的時(shí)候幫助你節(jié)省時(shí)間，提供HTML5的空白WordPress模板。

以上就是web前端工程師需要了解的10個(gè)HTML5常用工具。想學(xué)習(xí)更多web前端技巧，歡迎持續(xù)關(guān)注六星云課堂！