接下來徐州電腦培訓/給大家分享幾個UI專業設計師在日常工作中常用的框架,希望對妳有所幫助!Bootstrap說到流行的UI框架,Bootstrap肯定會出現在名單上。
它是twitter推出的壹個Web前端UI框架,由Twitter設計師MarkOtto和JacobThornton共同開發。
Bootstrap通過其出色的圍欄系統很好地實現了響應式布局。
Bootstrap還提供了時尚的排版樣式、表格、按鈕、表格、輪播等等。
Bootstrap提供優雅的HTML和CSS規範,由動態CSS語言Less編寫。
Bootstrap自推出以來壹直很受歡迎,它是GitHub上壹個受歡迎的開源項目,包括美國國家航空航天局MSNBC的BreakingNews。
國內移動開發者熟悉的壹些框架,比如WeX5前端開源框架,也是基於Bootstrap源代碼進行性能優化。
JQueryUIjQueryUI是壹套基於jQueryJavaScript庫的用戶界面交互、特效、小部件和主題。
無論是創建壹個高度交互式的Web應用程序,還是僅僅在表單控件中添加壹個日期選擇器,jQueryUI都是壹個完美的選擇。
JQueryUI包含許多維護狀態的小部件,因此它與典型的jQuery插件使用模式略有不同。
所有的jQueryUI小部件都使用相同的模式,這大大降低了學習成本。
JQueryUI繼承了jQuery的易用特性,提供了高度抽象的接口,在短時間內提高了網站的可用性。
同時,jQueryUI采用MIT &;GPL雙協議授權可以輕松滿足從免費產品到企業產品的各種授權需求。
jQueryUI的另壹大看點是兼容所有主流桌面瀏覽器。
包括IE6+,Firefox2+,Safari3+,Opera9+,Chrome1+。
而且jQueryUI有完全中文版,開發包有包括中文在內的40多個語言包。
PureCSSPure也是壹個優秀的CSS框架。Pure是雅虎的。
雖然Pure在UI界面效果上沒有Bootstrap漂亮,但是它是用純CSS實現的,所以非常緊湊,壓縮後整個幀只有5.7k左右。
最大的特點是框架基於純CSS,沒有任何JavaScript代碼,渲染速度比較快。
雅虎出品,技術問題應該不大。
組件也很豐富,包括表格、表單、按鈕、表格、導航等等。
CSS類的標識非常簡單,所以使用Pure時代碼會更友好。
SemanticUISemanticUI最大的優勢在於它的名稱語義。
Semantic-UI比Bootstrap更有語義,使用了更容易理解的標簽名:Navigator是nav,main content是main,class name是清晰的。
而且SemanticUI的模塊預制了很多精美的動畫,也非常簡單易用。
例如視圖中的評論和動態信息(提要)。