HTML5 發展如火如荼，隨著各大瀏覽器對 HTML5 技術支持的不斷完善以及 HTML5 技術的不斷成熟，未來 HTML5 必將改變我們創建 Web 應用程序的方式。今天這篇文章向大家推薦10款優秀的HTML5開發工具，幫助你更高效的編寫 HTML5 應用。

Initializr

Initializr 是制作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網頁模板。

→ 訪問 Initializr

HTML5demos

想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。

→ 訪問 HTML5 Demos

HTML5 Tracker

想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。

→ 訪問 HTML5 Tracker

HTML5 visual cheat sheet

想要快速超找一個標簽或者屬性嗎？看看這個非常酷的速查手冊吧，每個Web開發人員的必備。

→ 訪問 HTML5 visual cheat sheet

Switch To HTML5

Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網站模板。

→ 訪問 Switch To HTML5

Cross browser HTML5 forms

HTML5 中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。這個頁面將幫助你構建完美的HTML5表單兼容方案。
→ 訪問 Cross browser HTML5 forms

HTML5 Test

你瀏覽器準備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
→ 訪問 HTML5 Test

HTML5 Canvas cheat sheet

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

Lime JS

LimeJS 是一個 HTML5 游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。
→ 訪問 Lime JS

HTML5 Reset

HTML5 Reset 是一組文件，包括 HTML、CSS 等，用于在開始新項目的時候幫助你節省時間，提供 HTML5 的空白WordPress模板。
→ 訪問 HTML5 Reset

您可能還喜歡

• 讓人眼花繚亂的 HTML5 和 JavaScript 效果
• 九個讓人難以置信的HTML5和JavaScript實驗
• 推薦18個基于 HTML 5 Canvas 開發的圖表庫
• 29款基于 HTML5 Canvas 開發的網頁游戲
• 五大主流瀏覽器 CSS3 和 HTML5 兼容性大比拼

英文鏈接：10 online tools to simplify HTML5 coding

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源