天天看點

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

HTML5已經成為當今世界的一個必定組成部分。由于World Wide Web網際網路是使用超文本标記語言來架構和呈現的,于是HTML5成為了最流行的程式設計語言之中的一個。随着網絡的不斷擴張,Web開發者很有必要擁有最新的HTML5工具,用于建立動态和互動式的Web應用程式和網頁。以下這些就是你不應該錯過的新的HTML5工具。

1.Timesheet.js

Timesheet.js是一款用于建立使用JavaScript庫的HTML工作流的簡單工具。你能夠加入可視化和轉換到使用CSS的事件。Timesheet.js特别好使,由于它僅僅須要幾行JavaScript,就能生成美麗的HTML布局。

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

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

2.Zebra

Zebra是一個基于HTML5的工具。可用于建立基于Web的使用者界面應用程式。僅僅有你想不到,沒有它做不到。

Zebra還是那些須要client插件才幹工作的flash和小程式技術的替代品。Zebra純粹基于網絡。

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

官方站點:http://www.zebkit.com/

3.Google Web Designer

此新工具由網際網路巨頭谷歌公布,旨在幫助那些沒有HTML5語言背景知識的人建立互動的HTML5站點。該工具能為你提供全部的編碼服務。全部你須要做的就是發揮你的想象力。假設你仍然想自己動手編寫一些代碼,那麼也能夠編輯生成的HTML5用于不同的輸出。

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

官方站點:https://www.google.com/webdesigner/

4.Brunch

Brunch是強大的彙程式設計式,它能讓你用一種簡單而強大的方式建構精緻外觀的HTML5應用程式。Brunch能高速産出最穩定的應用程式。

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

官方站點:http://brunch.io/

5.NoMe

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

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

官方站點:http://nomejs.com/

6.Snap Tomato

這款新HTML工具同意你在不論什麼裝置上測試你的HTML5代碼。

Snap Tomato簡單易用,由一個編輯器和一個單獨的标簽組成,标簽能夠讓你實時預覽正處于編輯器窗體下的網頁。

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

官方站點:http://snaptomato.appspot.com/

7. Gauge.js

Gauge.js是用于建立使用JavaScript自己定義動畫的儀表盤和滑動杆的腳本。你能夠建立你所選擇的不論什麼儀表盤。此工具全然基于JavaScript,不使用不論什麼其它的代碼。如CSS和XML。

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

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

8. CoverVid

CoverVid是一個超棒的工具,可用于将HTML視訊作為站點的背景。讓頁面有一種動态的感覺。它是一個小型的jquery擴充,既easy又便于使用。

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

官方站點:https://github.com/stefanerickson/covervid/

9. JSCapture

JSCapture是眼下網際網路上最酷的工具之中的一個。

它能讓你從浏覽器對桌面進行截圖。

它甚至能夠僅僅使用JavaScript和HTML5記錄你的螢幕。

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

官方站點:https://mgechev.github.io/jscapture/

10.Quintus

假設你想開發酷炫的遊戲,那麼選擇Quintus吧。Quintus是一款簡單的JavaScript HTML5遊戲引擎。易學又易于使用。

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

官方站點:http://www.html5quintus.com/

譯文連結:http://www.codeceo.com/article/10-html5-tools.html

英文原文:10 New HTML5 Tools Which Developers Shouldn’t Miss

翻譯作者:碼農網 – 小峰