Web開發人員不容錯過的10個HTML5工具

標籤：snap   .com   center   world   表單   動畫   即時   預覽   dev   

HTML5已經成為當今世界的一個必定組成部分。由於World Wide Web全球資訊網是使用超文字標記語言 (HTML)來架構和呈現的，於是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還是那些須要client外掛程式才幹工作的flash和小程式技術的替代品。Zebra純粹基於網路。

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

3.Google Web Designer

此新工具由互連網巨頭Google公布，旨在協助那些沒有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擴充，既easy又便於使用。

官方網站：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/

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

Web開發人員不容錯過的10個HTML5工具