1. 程式人生 > >12款免費HTML5開發框架和開發工具…

12款免費HTML5開發框架和開發工具…

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

這篇文章整理了25款優秀的HTML5框架和開發工具可以幫助你開發專案更快,更容易。

Sonic

Sonic: HTML5 Loaders with an Editor

Sonic是一個很小的類,用於建立基於HTML5畫布的載入影象。更強大的是提供了基於現成的例子的建立工具,可以幫助你實現更多自定義的載入動畫效果。

線上演示 免費下載

Chart.js: Charting Library with HTML5 Canvas

Chart.js 是面向物件的圖表庫,使用HTML5畫布實現漂亮的圖表。它目前支援6個圖表型別(線圖,條形圖,雷達圖,餅圖,柱狀圖和極區)。

線上演示 免費下載

RazorFlow: Create Responsive & HTML5 Dashboards With PHP Framework

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

線上演示 免費下載

Zebra

Zebra: Desktop-Like User Interface With HTML5 Canvas

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

線上演示 免費下載

Workless: HTML5-CSS3 Framework for Building Cross-Browsers Websites

Workless是HTML5

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

線上演示 免費下載

Native: HTML5 Mobile Apps Framework

Junior是一個HTML5框架,用於建立類似原生風格的移動應用程式。非常易於使用,並且有詳細的幫助文件和例子。 它使用 CSS3 過渡實現圓滑的動畫效果,支援滑動的旋轉木馬,幷包括各種 UI 元件。

線上演示 免費下載

Radi

Radi: Visual Design Application with HTML5 and Javascript

Radi是一個超棒的視覺設計應用程式,它具有內建工具用於建立和編輯圖形(也可以匯入)並使用 

線上演示免費下載

HTML5 Bones: Boilerplate for HTML5-powered Websites

HTML5 Bones 是一個HTML5網站的樣板,包括最需要的東西(normalize.css,html5shiv 等)。

線上演示 免費下載

Literally Canvas: HTML5 Drawing Widget

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

線上演示 免費下載

Gauge.js: Animated Gauges With HTML5 Canvas

Gauge.js 是一個漂亮的指令碼,用於在HTML5畫布中使用JavaScript(或者 CoffeeScript)建立動畫壓力錶。

線上演示 免費下載

WYSIHTML5: Rich Text Editor With HTML5 Markup

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

線上演示 免費下載

\

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

線上演示 免費下載