十款讓Web 前端開發人員愛不釋手的工具！

        工程師需要核心掌握HTML/CSS/JS開發，在幾年前HTML5標準進入國內後，得到了快速的應用於推廣，開發人員為了實現更多的效果和功能，將HTML5的應用推崇到了極高的位置。作為Web前端開發工程師你是否瞭解HTML5常用的開發工具呢？ 本文，小千 列舉HTML5常用的10款開發工具！

       1、Initializr —— Initializr是製作HTML5網站頂好的入門輔助開發工具，你可以使用提供的特色模板迅速生成網站，也可以自定義，Initializr會為你生成程式碼簡潔的可定製的網頁模板。

       2、HTML5 visual cheat sheet —— HTML5 visual cheat sheet是一個非常酷的速查手冊，每個Web開發人員的必備神器，可以幫助大家高速查詢一個標籤或者屬性。

       3、Cross browser HTML5 forms —— HTML5中的日曆，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支援。Cross browser HTML5 forms還可以幫助你構建完美的HTML5表單相容方案。

       4、HTML5demos —— HTML5demos會告訴你每一個HTML5特性在哪些瀏覽器中支援，比如說你的瀏覽器是否支援HTML5 Canvas?Safari是否可以執行簡單的HTML5聊天客戶端等問題。

       5、Switch To HTML5 —— Switch To HTML5是一個基礎而實用的模板生成工具。

       6、HTML5 Tracker —— HTML5 Tracker可以跟蹤HTML5全新修訂資訊。使用HTML5 Tracker可以瞭解HTML5的全新動向。

       7、HTML5 Test —— HTML5 Test會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支援情況的完整報告。快快讓你的瀏覽器準備好迎接HTML5革命吧。

       8、HTML5 Canvas cheat —— sheet Canvas元素是HTML5的重要元素之一，它可以在網頁中繪製圖形，非常強大。這是一個Canvas元素的詳細速查手冊。

       9、Lime JS —— LimeJS是一個HTML5遊戲開發框架，用於高速構建執行於觸屏裝置和桌面瀏覽器的遊戲。非常棒的HTML5開發工具，一定要用用試試。

       10、HTML5 Reset —— HTML5 Reset是一組檔案，包括HTML、CSS等，用於在開始新專案的時候幫助你節省時間，提供HTML5的空白WordPress模板。

       以上就是小千 列舉的 W eb前端工程師需要了解的10個HTML5常用工具。這些工具在不同的開發領域發揮著極大的作用。你可以根據你現在從事的崗位對照一下，是否你已經掌握的這些比較高效的工具了呢？

       本文來自千鋒教育，轉載請註明出處。