1. 程式人生 > >樣式 bootstrap purecss Amaze UI 推薦

樣式 bootstrap purecss Amaze UI 推薦

所有 inview 全部 高效 img trap 自定義 國內 src

Bootstrap

簡潔、直觀、強悍的前端開發框架,讓web開發更迅速、簡單。

Bootstrap,來自 Twitter,是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。 它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範,它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。 國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap源碼進行性能優化而來。

有自己的一些組件、插件.....

更多:自己用用去體驗,用著很方便,頁面上自定義需要重寫覆蓋, 整著整著,樣式文件最後整的很大.... 不說了,自己試試看。

--------------------------------

一組輕量級、響應式的CSS模塊。 http://purecss.org

Pure.CSS 占用極小的空間和帶寬。 官網的介紹

Pure小的沒有節操,全部模塊gzip壓縮後才 4.4KB* 。 考慮到移動端,保持文件盡量小對我們來說非常重要,每一行CSS都經過深思。如果你只用部分模塊,簡直小的忽略。

* 上面標示的是每個模塊獨立的大小,多個模塊合並後進行壓縮文件會更小。

文件的確也很小,功能也基本類似,柵格,響應式 ....

-------------------------------

Semantic-UI框架定制前端界面

Semantic UI—完全語義化的前端界面開發框架,在功能特性上、布局設計上、用戶體驗上均存在很多差異。

http://www.semantic-ui.cn/ 具體沒去用她。

---------------------------------------

Amaze ~ 妹子 UI

中國首個開源 HTML5 跨屏前端框架

http://amazeui.org/

技術分享

為移動而生

Amaze UI 以移動優先(Mobile first)為理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。

技術分享

組件豐富,模塊化

Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。

技術分享

本地化支持

相比國外框架,Amaze UI 關註中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。

技術分享

輕量級,高性能

Amaze UI 面向 HTML5 開發,使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。

Amaze UI Web 與 Amaze UI Touch 對比

具體還沒用,可以玩玩的

樣式 bootstrap purecss Amaze UI 推薦