分享全球十款超強HTML5開發工具_html5教學技巧

 最近，看到有人在HTML5論壇問到，目前全球有哪些比較優秀的HTML5開發軟體。作者根據自己對HTML5的了解，以及週邊的所見所聞，總結了十款非常好的HTML5開發工具和大家分享一下。

    當然，HTML5的開發工具真的很多，還有一些也是非常優秀的！在這裡，筆者只列舉十款全球使用人數較多的HTML5開發工具。有朋友曾要我向他推薦一款最好的，筆者認為好不好，很大程度跟自己的喜好有關。

1.Initializr

    Initializr is an HTML5 templates generator to help you getting started with a認知 template with just 
what you need to start!

    Initializr是製作HTML5網站最好的入門輔助工具，您可以使用提供的特色範本快速產生網站，也可以自訂，Initializr會為您產生程式碼簡潔的可自訂的網頁範本。

2.HTML5 Demos

    HTML 5 experimentation and demos I've hacked together. Click on the browser support icon filter).

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

3.HTML5 Tracker

    想了解HTML5的最新動向嗎？使用HTML5 Tracker吧，它可以追蹤HTML5最新修訂資訊。

4.HTML5 visual cheat sheet

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

5.Switch To HTML5

    Switch To HTML5是基礎而有效範本產生工具。如果你開始一個新項目，可以到這裡取得免費的HTML5網站範本。

6.Cross browser HTML5 forms

    HTML5中的行事曆，取色板，滑桿零件等都是非常棒工具，但是有些瀏覽器不支援。這個頁面將幫助你建立完美的HTML5表單相容方案。

7.HTML5 Test

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

8.HTML5 Canvas cheat sheet

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

9.Lime JS

    LimeJS是一個HTML5遊戲開發框架，用於快速建立運行於觸控螢幕設備和桌面瀏覽器的遊戲。非常棒，一定要用試試。

10.HTML5 Reset

    HTML5 Reset是一組文件，包括HTML、CSS等，用於在開始新專案的時候幫助你節省時間，提供HTML5的空白WordPress範本。

    最後，筆者再說兩句，儘管優秀的HTML5開發工具有很多，但我們只需要選擇一到兩款合適自己使用就夠了，開發工具畢竟只是更方便地幫助我們完成一些任務，最重要的是我們對HTML5技術的認識與應用。