這個文章是适合真正想去做HTML5應用的設計人員和開發人員閱讀。這裡我将不再重複HTML5開發的重要性。因為大家都已經知道這點。這裡我收集了10個HTML5的工具幫助你在不同的方面簡化你的開發和設計。如果你也喜歡這個文章，請在我們的網站GBin1留言支援！
一個基于javascript的HTML5視訊播放器。擁有三個部分：一段嵌入代碼，一個javascript類庫以及HTML/CSS的皮膚。特别适合一些視屏網站來顯示一個統一UI的視訊，并且相容各大平台（包括浏覽器及其裝置）。
免費，開源并且輕量級，當然你需要自己配置一些代碼。
領先的線上flash轉HTML5的網站之一。能夠幫助你快速的将SWF檔案轉化為HTML5格式，包括，文字，線條和圖檔。并且它包含一個可安裝版下載下傳：version for windows and Mac， 支援蘋果和windows。
特别适合需要将flash轉化為HTML5或者将swf反編譯成fla/flex的設計者。
免費線上使用，友善快捷，反編譯高效，使用簡單，但是隻支援AS1.0
一個使用JS和HTML開發的線上畫圖工具。它是一個能夠由你定制的工具，幫助你畫任何你需要的圖。 适合設計人員使用元素或者javascript建立一個畫圖類型的應用。 線上工具，使用友善并且UI友好。
這個工具最有吸引力的地方在于模闆。它能幫助你生成非常幹淨并且可定制的模闆。适合設計人員開始一個基于HTML5的boilerplate的項目。非常實用。适合于新設計和自定義。
一個HTML5的遊戲架構，能夠快速的在浏覽器，觸摸裝置上開發本地體驗的遊戲。非常棒的一個工具。值得一試。
一個非常小的JS類庫能夠為HTML5和CSS3的網站探測本地的現可能性。 允許你在你的樣式表指定浏覽器特定功能。無論浏覽器是否支援HTML5你都可以使用HTML5和CSS3的特性。适合需要開發HTML5網站的開發人員。
為不同的浏覽器提供音頻解決方案，能夠讓你使用HTML5的audio标簽。針對不同的浏覽器使用不同的音頻格式。适合需要添加音頻到網站的開發人員
一個必要的可視化網格可以幫助你列出所有HTML4和HTML5支援的标簽及其屬性。 允許你看到你尋找的所有内容。 适合所有開發HTML5網站的開發人員。
以上是我們收集的HTML5及其CSS3的設計工具，希望大家能夠喜歡，如果你有其它的好工具，請你和我們分享。謝謝！