摘要:如今侄非,CSS框架越來越受歡迎蕉汪,可以說已經(jīng)應(yīng)用到每一個網(wǎng)站上了流译。作為開發(fā)工具,CSS框架一直處于不斷進化和改進的狀態(tài)肤无,因此我們強烈建議您關(guān)注眼下的趨勢先蒋。這篇文章會帶您了解2017年最流行的5種CSS框架。
如今宛渐,CSS框架越來越受歡迎竞漾,可以說已經(jīng)應(yīng)用到每一個網(wǎng)站上了。作為開發(fā)工具窥翩,CSS框架一直處于不斷進化和改進的狀態(tài)业岁,因此我們強烈建議您關(guān)注眼下的趨勢。這篇文章會帶您了解2017年最流行的5種CSS框架。
1. Bootstrap
這個框架是GitHub的明星產(chǎn)品之一跋选,被認(rèn)為是擁有最好的響應(yīng)性的CSS框架粒褒。專為前端開發(fā)而設(shè)計,有助于構(gòu)建web設(shè)計理念允耿、移動優(yōu)先項目、網(wǎng)格系統(tǒng)扒怖、排版和按鈕等较锡。
Bootstrap沒有任何附加功能,但是有第三方插件可用盗痒,除了常規(guī)的HTML元素蚂蕴,還具有其他常見的UI元素。其核心原則是RWD和mobile first俯邓。Bootstrap版本3支持各種瀏覽器(最新版本)骡楼,并且自Bootstrap 2開始,框架支持響應(yīng)式網(wǎng)頁設(shè)計稽鞭。Bootstrap 4版本目前正在開發(fā)中鸟整。
Bootstrap非常受歡迎,但并不是說他比其他的框架要好朦蕴。大多數(shù)人用它是因為它的受歡迎程度吃嘿,由于這一點,有很多資源可用(如教程梦重,額外的插件等)兑燥,使得使用Bootstrap更容易。
2. Foundation
Foundation是一個開源項目琴拧,是CSS框架界的另一巨頭降瞳。眾所周知,它得流暢性和響應(yīng)性非常好,可以用于許多用途:構(gòu)建網(wǎng)站挣饥、創(chuàng)建電子郵件模板除师、構(gòu)建移動和web應(yīng)用程序。
這個框架對用戶也非常友好扔枫,提供了培訓(xùn)汛聚、支持和咨詢等服務(wù)。還有一些獨特的組件(擊鍵短荐,Joyride倚舀,F(xiàn)lex視頻等)和一些附加組件。其核心原則除了RWD和mobile first忍宋,還包括semantic痕貌。
Foundation以完美的工作流程和開發(fā)人員的大力支持為自己贏得了巨大的利潤。它是一個非常專業(yè)的框架糠排,并提供了大量可用的教程舵稠,用戶能夠隨時了解Foundation。
3. Bulam
Bulam開放源碼入宦、免費并且節(jié)約開發(fā)人員的時間哺徊。由于學(xué)習(xí)起來和使用非常簡單,因此最近變得非常流行乾闰。
首先落追,Bulma包含很棒的UI組件,如選標(biāo)簽汹忠、導(dǎo)航欄淋硝、框和面板等等雹熬,因為此框架旨在為用戶提供清晰而有吸引力的UI宽菜。其次,Bulma非常的模塊化竿报,用戶可以只導(dǎo)入所需的功能铅乡。 最后,這個框架的類可讀性很高烈菌,這點對于一些開發(fā)者來說可能是非常具有吸引力的阵幸。
Bulma易于理解和使用簡單,同時它具有所有必要的功能芽世,幫助您高效的創(chuàng)建出優(yōu)質(zhì)產(chǎn)品挚赊。
4. Ulkit
可能沒有多少人知道(使用)這個框架,但它與其他類似框架具有相同的功能济瓢。
Ulkit是輕量級和模塊化的荠割,用于創(chuàng)建快速但功能強大的Web界面。 Ulkit基本上是一組易于定制的組件集合,具有HTML Editor蔑鹦、Flex夺克、其他附加組件和獨特的組件。它的核心原則是RWD和mobile first嚎朽,Ulkit廣泛應(yīng)用于WordPress主題中铺纽。使您能夠靈活的進行手動定制機制。
5. Semantic UI
從名稱就能猜出哟忍,Semantic UI旨在使網(wǎng)站構(gòu)建過程更加語義化狡门。核心特征是利用自然語言原理使代碼更易于閱讀,更容易理解魁索。
核心原則是標(biāo)簽矛盾融撞、語義和響應(yīng)能力。這個框架是將語句和類作為可交換的組件來處理粗蔚,并使用直觀的JS和簡單的調(diào)試尝偎。
Semantic UI的好處在于,它提供了組織良好的文檔和網(wǎng)站鹏控,并提供了使用指南致扯。簡而言之,它有3000多個主題變量当辐,50多個UI組件抖僵,以及5000多個提交。絕對值得一試缘揪。是創(chuàng)建頁面漂亮耍群、反應(yīng)靈敏的網(wǎng)站的不錯之選擇。
本文作者:三文魚
來源:51CTO