推薦12款很棒的HTML5開發架構和開發工具

HTML5 在不同的領域讓網頁設計更強大的。快速，安全，響應式，互動和美麗，這些優點吸引更多的 Web 開發人員使用 HTML5。HTML5 有許多新的特性功能，允許開發人員和設計師建立應用程式和網站，帶給使用者傳統型應用程式的速度，效能和體驗。

這篇文章整理了25款優秀的 HTML5 架構和開發工具可以協助你開發項目更快，更容易。

Sonic

Sonic 是一個很小的 JavaScript 類，用於建立基於 HTML5 畫布的載入映像。更強大的是提供了基於現成的例子的建立工具，可以協助你實現更多自訂的載入動畫效果。

線上示範 免費下載

Chart.js

Chart.js 是物件導向的 JavaScript 圖表庫，使用 HTML5 畫布實現漂亮的圖表。它目前支援6個圖表類型（線圖，橫條圖，雷達圖，餅圖，柱狀圖和極區）。

線上示範 免費下載

RazorFlow

RazorFlow 是一個 PHP 架構，用於快速，方便地建立能夠在所有主流的行動裝置和瀏覽器的響應式 HTML5 儀表板。它的工作原理簡單，只需要插入一個單一的 PHP 檔案到任何應用程式，餵給它的資料，選擇輸出類型就可以了。它可以與 MySQL 和 PostgreSQL 或 SQLite 資料庫結合使用。

線上示範 免費下載

Zebra

Zebra 是一個 JavaScript 庫，帶有豐富的使用者介面組件，可以建立類似案頭風格的布局。UI 元素使用 HTML5 畫布建立 ，在現代的瀏覽器上將有相同的呈現效果。

線上示範 免費下載

Workless

Workless 是 HTML5 & CSS3 架構，用於輕鬆構建跨瀏覽器的網站，包含現在網站開發中最經常使用的東西。

線上示範 免費下載

Native

Junior 是一個 HTML5 架構，用於建立類似原生風格的行動裝置 App程式。非常便於使用，並且有詳細的協助文檔和例子。 它使用 CSS3 過渡實現圓滑的動畫效果，支援滑動的旋轉木馬，並包括各種 UI 組件。

線上示範 免費下載

Radi

Radi 是一個超棒的視覺設計應用程式，它具有內建工具用於建立和編輯圖形（也可以匯入）並使用 <canvas> 元素實現產生動畫。

線上示範 免費下載

HTML5 Bones

HTML5 Bones 是一個 HTML5 網站的樣板，包括最需要的東西（normalize.css，html5shiv 等）。

線上示範 免費下載

Literally Canvas

Literally Canvas 是一個 HTML5 開源組件，它可以整合到任何頁面，使使用者能夠線上繪製。它配備了一套簡單的工具，包括繪圖，擦除，顏色選取器，撤消，重做，平移和縮放。

線上示範 免費下載

Gauge.js

Gauge.js 是一個漂亮的指令碼，用於在 HTML5 畫布中使用 JavaScript（或者 CoffeeScript）建立動畫壓力表。

線上示範 免費下載

WYSIHTML5

WYSIHTML5 是一個開源的富文字編輯器，不依賴於任何 JavaScript 架構，輕量，快速。並提供了主要的文本編輯功能，包括文本樣式（粗體，斜體），列表，標題，插入映像或連結和文本著色等。

線上示範 免費下載

HTML5 Sortable

HTML5 Sortable 是一個輕量級排序外掛程式，使用原生的 HTML5 拖放 API 建立排序列表和網格。

線上示範 免費下載