html5up ui开源框架,ZUI-HTML5前端 UI 框架
軟件簡介
zui框架是什么?
zui是禪道項目管理軟件團隊在完善自己產品過程中形成的一個開源前端實踐方案,幫助你快速構現代跨屏應用。它的特點如下:
簡單美觀,易于使用,快速構建簡潔大方的現代web應用。
新穎健壯,采用HTML5且支持所有流行的移動及桌面瀏覽器平臺,一些舊的瀏覽器也能夠降級支持。
輕快獨立穩定,最佳的可用性能,最大限度的不依賴于外部組件。
全平臺響應,一次編寫,響應任何尺寸的設備。
比較適合中文環境
我們為什么來做zui框架?
zui框架并不是我們完全從頭到尾自己寫出來的。我們也是在使用bootstrap,
yui這些框架中結合我們自己產品的應用場景,逐漸積累形成的。現在最成熟的當推bootstrap了。但是bootstrap的版本跨度比較大,也有很
多功能是我們不需要的,再加上它還是比較適合英文場景的布局。所以我們才決定自己來寫zui框架。在寫這個框架過程中,我們結合了很多具體的應用場景,比
如大量數據展示、比如手機端響應式布局等,做了很多非常有針對性的改進。最終形成了zui框架。
與Bootstrap的關系
ZUI繼承了Bootstrap 3中的大部分基礎內容,但出于與Bootstrap不同的目的大部分內容都進行了定制和修改。這些變化包括:
移除了部分插件的限制,增加了一些適用特性,例如Popover彈出的內容可以指定已有的標簽內容,Modal對話框可以自動使用iframe彈出整個頁面內容等;
增加了實用的視圖組件,包括卡片、評論、列表、文章、儀表盤、看板等;
新增了幾個Javascript組件,包括拖放、排序、燈箱預覽,本地存儲,圖片裁剪等;
集成了一些實用的第三方組件,包括cookie、hotkey、chosen、Kindeditor、ChartJs、DatetimePicker等,并且這些組件樣式經過重寫,風格更為統一;
增加了配色表和新的主題模板,最少只需更改一個配置項更換顏色主題;
修改了默認字體配置,包含所使用的字體集和字體大小;
替換了默認的字體圖標,在FontAwesome圖標集的基礎上去掉了一些圖標同時增加了一些新的圖標,寫法上比FontAwesome更簡單;
大部分組件的默認樣式都不需要額外的指定包含’default’的Class,例如class=’btn btn-default’,’btn-default’在ZUI中不需要;
增加了一些輔助類,例如文本背景及高亮等;
增加了一些可選樣式,例如滾動條等。
選擇使用ZUI
Bootstrap是非常優秀的前端框架,但在構建大型應用的開發時通常遠遠不夠。如果Bootstrap能夠完全滿足你的項目,建議使用Bootstrap,如果你需要的更多,則建議使用ZUI。使用ZUI的顯著理由如下:
大部分書寫方式繼承Bootstrap,從Bootstrap方便遷移到ZUI,學習成本低,而且寫法上更精簡;
需要的實用功能都能在ZUI中提供,即使是第三方組件也提供統一的樣式和主題支持;
即使ZUI包含的內容更豐富,也會控制核心內容打包后體積大小,一般css不超過150k(目前130k,精簡版95k),js不超過100k(目前79k,精簡版33k),精簡版包含絕大部分功能,但體積更小。非核心內容按需加載,推薦自定義編譯;
ZUI從實際項目中誕生(包括禪道、蟬知和然之),實踐證明其有效性,一切為了快速構建你的應用;
一些令人激動的新內容正在開發中…
感謝巨人的肩膀
zui的形成是建立在這些巨人的肩膀上的,在此向這些項目和背后的團隊表示感謝!
Grunt
Less
normalize
jQuery
Bootstrap
kindeditor
Chosen
Datetime picker
FontAwesome
google code prettify
jQuery hotkey
Bootbox
Explorer canvas
Chart.js
部分截圖示例
總結
以上是生活随笔為你收集整理的html5up ui开源框架,ZUI-HTML5前端 UI 框架的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基金跌了持有份额会减少吗 这时投资基
- 下一篇: 设置超链接的HTML标签是______,