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

1.Timesheet.js

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

官方網站：http://semu.github.io/timesheet.js/

2.Zebra

Zebra是一個基于HTML5的工具，可用于創建基于Web的用戶界面應用程序。只有你想不到，沒有它做不到。Zebra還是那些需要客戶端插件才能工作的flash和小程序技術的替代品。Zebra純粹基于網絡。

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

3.Google Web Designer

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

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

4.Brunch

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

官方網站：http://brunch.io/

5.NoMe

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

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

6.Snap Tomato

這款新HTML工具允許你在任何設備上測試你的HTML5代碼。Snap Tomato簡單易用，由一個編輯器和一個單獨的標簽組成，標簽可以讓你實時預覽正處于編輯器窗口下的網頁。

官方網站：http://snaptomato.appspot.com/

7. Gauge.js

Gauge.js是用于創建使用JavaScript自定義動畫的儀表盤和滑動桿的腳本。你可以創建你所選擇的任何儀表盤。此工具完全基于JavaScript，不使用任何其他的代碼，如CSS和XML。

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

8. CoverVid

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

官方網站：https://github.com/stefanerickson/covervid/

9. JSCapture

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

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

10.Quintus

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

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

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

譯文鏈接：http://www.codeceo.com/article/10-html5-tools.html
英文原文：10 New HTML5 Tools Which Developers Shouldn’t Miss
翻譯作者：碼農網?– 小峰

總結

以上是生活随笔為你收集整理的Web开发者不容错过的10个HTML5工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。