本文由碼農網 – 小峰原創翻譯，轉載請看清文末的轉載要求，歡迎加入技術翻譯小組！

HTML5已經成為當今世界的一個必然組成部分。由於World Wide Web全球資訊網是使用超文字標記語言來架構和呈現的，於是HTML5成為了最流行的程式語言之一。隨著網路的不斷擴張，Web開發人員非常有必要擁有最新的HTML5工具，用於建立動態和互動式的Web應用程式和網頁。下面這些就是你不應該錯過的新的HTML5工具。

1.Timesheet.js

Timesheet.js是一款用於建立使用JavaScript庫的HTML工作流的簡單工具。你可以新增視覺化和轉換到使用CSS的事件。Timesheet.js特別好使，因為它只需要幾行JavaScript，就能生成漂亮的HTML佈局。

個人使用後想法：很簡單的使用方式，但是不知道適應那種場景下，也許可以嘗試在日曆備忘本，或者是任務進度上。

2.Zebra

Zebra是一個基於HTML5的工具，可用於建立基於Web的使用者介面應用程式。只有你想不到，沒有它做不到。Zebra還是那些需要客戶端外掛才能工作的flash和小程式技術的替代品。Zebra純粹基於網路。

個人思考：額。。 這個嘛，看了下效果，貌似看不出個什麼鳥來。

3.Google Web Designer

此新工具由網際網路巨頭谷歌釋出，旨在幫助那些沒有HTML5語言背景知識的人建立互動的HTML5網站。該工具能為你提供所有的編碼服務。所有你需要做的就是發揮你的想象力。如果你仍然想自己動手編寫一些程式碼，那麼也可以編輯生成的HTML5用於不同的輸出。

官方網站：https://www.google.com/webdesigner/

個人思考：訪問不了，有空翻牆看看

4.Brunch

Brunch是強大的彙編程式，它能讓你用一種簡單而強大的方式構建精緻外觀的HTML5應用程式。Brunch能快速產出最穩定的應用程式。

官方網站：

5.NoMe

NoMe是用於訪問地理位置和使用HTML5的相關資料的JavaScript庫。因為它無需下載大量的資料庫到本地計算機，所以能為你進入位置和天氣資訊時跳過不少麻煩。

官方網站：http://nomejs.com/

個人思考：一個很好的外掛工具，不知道呼叫介面頻率有沒有限制，看看吧，先收著。

6.Snap Tomato

這款新HTML工具允許你在任何裝置上測試你的HTML5程式碼。Snap Tomato簡單易用，由一個編輯器和一個單獨的標籤組成，標籤可以讓你實時預覽正處於編輯器視窗下的網頁。

7. Gauge.js

Gauge.js是用於建立使用JavaScript自定義動畫的儀表盤和滑動杆的指令碼。你可以建立你所選擇的任何儀表盤。此工具完全基於JavaScript，不使用任何其他的程式碼，如CSS和XML。

官方網站：http://bernii.github.com/gauge.js/

個人思考：用過，在手機顯示不太友好，在PC瀏覽器上，OK沒問題，但是有了css3和svg有必要使用canvas麼？

8. CoverVid

CoverVid是一個超棒的工具，可用於將HTML視訊作為網站的背景，讓頁面有一種動態的感覺。它是一個小型的jquery擴充套件，既容易又便於使用。

9. JSCapture

JSCapture是目前網際網路上最酷的工具之一。它能讓你從瀏覽器對桌面進行截圖。它甚至可以只使用JavaScript和HTML5記錄你的螢幕。

官方網站：https://mgechev.github.io/jscapture/

個人思考：哇塞，當時就驚呆了，這是什麼api，怎麼重來沒聽說過的，不過好像挺危險，萬一有個黑客把我的電腦桌面錄影了呢？

10.Quintus

如果你想開發酷炫的遊戲，那麼選擇Quintus吧。Quintus是一款簡單的JavaScript HTML5遊戲引擎，易學又易於使用。

官方網站：http://www.html5quintus.com/

個人思考：好吧，這回下次開發小遊戲有外掛，不需要再用下白鷺引擎了。。。。

以上這10個HTML5工具希望能給你帶來幫助，你有哪些優秀的HTML5工具框架，歡迎和我們分享。