加速Web開發的10款HTML5工具

HTML（Hyper Text Mark-up Language ）即超文本標記語言，自萬維網初創之日起，它就已經成爲滿意度很高的公共語言。在過去的兩年裏，HTML5在性能上得到了很大的提升和改進，當仁不讓的獲得了大衆的青睞。本文分享了10款最佳HTML5工具，以幫助你輕鬆構建Web應用。

1.Mockups：創建線框圖和原型

Mockups是一款非常靈巧的HTML5工具，開發者使用它可以製作線框圖、實物模型、UI、原型，關鍵在於你如何調用它們。程序員已經試圖讓這個工具簡單直觀，因此你可以不受任何阻礙地使用它。Mockups是基於開源標準創建而來，可以給用戶在瀏覽器中提供不折不扣的最佳體驗。

2.Stitches：工作表生成器

簡單的拖動和移動圖片文件到空間裏，點擊“生成”按鈕就能製作出小巧的工作表和樣式表。Stitches使用一些HTML5 API，而且是目前唯一兼容Chrome和Firefox最新版本的表格生成器。然而，Stitches暫不支持IE9，僅支持jQuery1.7.1+、Modernizr、Dropfile、Flashcanvas一些老的瀏覽器。

3.Speakker

Speakker是HTML5以跨瀏覽器音頻解決方案爲特色的工具。從音箱裏發出的聲音有兩個音頻，且帶有難以置信的定製化選擇：柔性維度，無限的色彩，兩個不同的亮度主題設置按鈕。看，設計起來很簡單，只需一些JavaScript和量子CSS線條即可。

4.HTML5上的視頻投票和流行俱樂部

投票就像寫“贊成”與“反對”，視頻投票允許你收集視頻反饋信息，你所要做的就是點擊視頻，然後按空格鍵提交你的投票，它會自動在柱狀圖上填充結果的。

5.VideoJS：HTML5視頻播放器和CSS的結合

VideoJS在HTML5視頻播放器裏添加了3個核心部分：一個嵌入式代碼（供所有人看的視頻），一個JavaScript程序庫，還有一個純粹的HTML/CSS皮膚，之所以用嵌入式代碼就是爲了和那些沒有javaScript程序的設備相兼容。

6.Spritebox

Spritebox是一款所見即所得的工具，旨在幫助Web設計者簡單快速的創建CSS類和IDs。在背景屬性的基礎上把子畫面圖片整合到塊元素的Web頁面。通過結合JQuery，CSS3和HTML5製作出來的Spritebox當然也是可以免費使用的。

7.HTML5 Please

HTML5 Please是互動兼容性圖表，它的特色是能夠找出支持或不支持的瀏覽器。通過智能搜索欄，瀏覽器過濾結果就能成爲可能。每一個選項都很簡明的描述了，甚至可以選擇它們是否應該撤銷使用或者填充使用，這些都一目瞭然。

8.CREATEM

Create.js是一款功能較爲全面的內容管理系統Web編輯界面。支持現代化的、HTML5開發環境的瀏覽器，適用於任何一款內容管理後端系統。

9.WYSIHTML5

WYSIHTML5是一款基於HTML5技術開源的富文本編輯器。其採用複雜的安全概念，旨在通過tag及內鏈樣式生成完全有效的HTML5標記。它是一款快速、輕量級的應用，採用類命名代替內鏈樣式，支持Chrome語音輸入，基於MIT許可下發布的。

10.Literally Canvas：開放的繪畫小程序

Literally Canvas是HTML5產品中的開放資源，能和任何網頁相結合，幫助用戶在線繪畫。它的來源主要是利用一些包括繪畫、橡皮擦、上色、撤銷、重做和放大等結合工具。這款程序使用了jQuery + Underscore.js和API軟件，用途在於定義背景顏色，工具和尺寸。