作為WEB前端開(kāi)發(fā)涩搓,您一定要了解的10個(gè)輕量級(jí)CSS框架

在過(guò)去的幾年中固蛾,Web開(kāi)發(fā)的廣泛普及。每年都會(huì)發(fā)布許多前端框架。Bootstrap已成為最受歡迎的產(chǎn)品之一。但是,您可能還沒(méi)有聽(tīng)說(shuō)過(guò)許多其他挑戰(zhàn)者重窟,但絕對(duì)值得嘗試。

在本文中惧财,我們將介紹您可能想檢出的10個(gè)最佳框架巡扇。

幽靈

Spectre是一個(gè)現(xiàn)代的,免費(fèi)的垮衷,響應(yīng)式的CSS框架厅翔。它提供了優(yōu)雅的元素,基于flexbox的響應(yīng)式布局系統(tǒng)以及CSS組件和實(shí)用程序搀突,可以使用Sass和Scss編譯器進(jìn)行修改刀闷。它確實(shí)是輕量級(jí)的,壓縮后只有10KB,并且支持大多數(shù)現(xiàn)代瀏覽器甸昏。


芥末UI

這是一個(gè)開(kāi)源的輕量級(jí)入門CSS框架顽分。它分為多個(gè)模塊,您可以選擇是否要包含所有模塊或僅包含所需模塊施蜜。它帶有前端設(shè)計(jì)所需的所有組件卒蘸,例如flexbox網(wǎng)格,按鈕花墩,表格悬秉,表單澄步,卡片等冰蘑,并且可以通過(guò)scss變量進(jìn)行自定義。

布爾瑪

Bulma是基于Flexbox布局模型的免費(fèi)開(kāi)源現(xiàn)代CSS框架村缸。它提供了一個(gè)簡(jiǎn)單的網(wǎng)格系統(tǒng)祠肥,自適應(yīng)導(dǎo)航欄和多功能媒體對(duì)象。Bulma中的每個(gè)元素都是移動(dòng)優(yōu)先的梯皿,并且針對(duì)小屏幕進(jìn)行了優(yōu)化仇箱,并且可以使用修飾符類和變量輕松進(jìn)行自定義。

UI套件

這是另一個(gè)很棒的CSS和JavaScript前端框架东羹,它帶有自己的SVG圖標(biāo)字體和許多組件剂桥。UIkit在外觀和框架方面都經(jīng)過(guò)精心設(shè)計(jì),具有統(tǒng)一的樣式属提,易于記憶的API权逗,許多自定義選項(xiàng)和有用的修飾符類。

帳篷CSS

TentCSS是一個(gè)簡(jiǎn)單易用的框架冤议,提供了構(gòu)建響應(yīng)式網(wǎng)站所需的所有基本組件斟薇。它非常輕巧(僅壓縮5kb),遵循BEM標(biāo)準(zhǔn)恕酸,并具有用于布局的現(xiàn)代flexbox網(wǎng)格堪滨。

實(shí)現(xiàn)CSS

這是一個(gè)基于Material Design的現(xiàn)代響應(yīng)式前端框架。它確實(shí)非常易于使用蕊温,尤其是對(duì)于熟悉其他類似項(xiàng)目(例如Bootstrap)的人們袱箱。有許多入門模板,可幫助您輕松設(shè)計(jì)網(wǎng)站义矛。

基礎(chǔ)

Zurb Foundation框架是用于構(gòu)建響應(yīng)式網(wǎng)站和應(yīng)用程序的另一種流行工具犯眠。它帶有許多完全可定制的模塊化和靈活組件,您可以使用它們來(lái)設(shè)計(jì)漂亮的響應(yīng)式網(wǎng)站症革,在任何設(shè)備上看起來(lái)都很棒筐咧。

語(yǔ)義UI

語(yǔ)義是一個(gè)前端框架,可使用人性化的HTML幫助創(chuàng)建美觀且響應(yīng)迅速的布局。它具有3000多個(gè)CSS變量量蕊,可高度自定義铺罢,可用于自定義主題。完全基于“ em”值構(gòu)建的語(yǔ)義残炮,具有高度響應(yīng)能力韭赘。

基礎(chǔ)

Base是一個(gè)輕量級(jí)的,最小的势就,響應(yīng)迅速的CSS框架泉瞻。它建立在最新的Normalize.css之上,并分成獨(dú)立的模塊苞冯,因此您只能使用所需的模塊袖牙。它是移動(dòng)設(shè)備第一,并且在包括IE 10+在內(nèi)的所有現(xiàn)代瀏覽器上都可以很好地運(yùn)行舅锄。

這是一個(gè)小巧的框架鞭达,遵循Google的Material Design指南。它沒(méi)有外部依賴性皇忿,并且非常輕巧畴蹭,僅壓縮5.4kb。它提供React支持鳍烁,通過(guò)SASS文件進(jìn)行自定義叨襟,并具有用于樣式化電子郵件的單獨(dú)的內(nèi)聯(lián)版本。


好了幔荒,今天的分享就到這里糊闽,如果你是一個(gè)正準(zhǔn)備學(xué)習(xí)前端或者正在學(xué)習(xí)前端的小伙伴,有什么問(wèn)題可以免費(fèi)私信我铺峭,我這里也還有一些學(xué)習(xí)資料也可以免費(fèi)分享給大家墓怀,點(diǎn)贊關(guān)注私信我即可,也可以加入我的前端學(xué)習(xí)交流群(109029339)卫键,希望分享的所有內(nèi)容能讓你們喜歡傀履。碼字不易,方便的話請(qǐng)點(diǎn)贊轉(zhuǎn)發(fā)莉炉,你的轉(zhuǎn)發(fā)和點(diǎn)贊將是我繼續(xù)分享的動(dòng)力......

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末钓账,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子絮宁,更是在濱河造成了極大的恐慌梆暮,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,207評(píng)論 6 521
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绍昂,死亡現(xiàn)場(chǎng)離奇詭異啦粹,居然都是意外死亡偿荷,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,455評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門唠椭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)跳纳,“玉大人,你說(shuō)我怎么就攤上這事贪嫂∷伦” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 170,031評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵力崇,是天一觀的道長(zhǎng)斗塘。 經(jīng)常有香客問(wèn)我,道長(zhǎng)亮靴,這世上最難降的妖魔是什么馍盟? 我笑而不...
    開(kāi)封第一講書人閱讀 60,334評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮台猴,結(jié)果婚禮上朽合,老公的妹妹穿的比我還像新娘俱两。我一直安慰自己饱狂,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,322評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布宪彩。 她就那樣靜靜地躺著休讳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪尿孔。 梳的紋絲不亂的頭發(fā)上俊柔,一...
    開(kāi)封第一講書人閱讀 52,895評(píng)論 1 314
  • 那天,我揣著相機(jī)與錄音活合,去河邊找鬼雏婶。 笑死,一個(gè)胖子當(dāng)著我的面吹牛白指,可吹牛的內(nèi)容都是我干的留晚。 我是一名探鬼主播,決...
    沈念sama閱讀 41,300評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼告嘲,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼错维!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起橄唬,我...
    開(kāi)封第一講書人閱讀 40,264評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤赋焕,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后仰楚,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體隆判,經(jīng)...
    沈念sama閱讀 46,784評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡犬庇,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,870評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了侨嘀。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片械筛。...
    茶點(diǎn)故事閱讀 40,989評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖飒炎,靈堂內(nèi)的尸體忽然破棺而出埋哟,到底是詐尸還是另有隱情,我是刑警寧澤郎汪,帶...
    沈念sama閱讀 36,649評(píng)論 5 351
  • 正文 年R本政府宣布赤赊,位于F島的核電站,受9級(jí)特大地震影響煞赢,放射性物質(zhì)發(fā)生泄漏抛计。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,331評(píng)論 3 336
  • 文/蒙蒙 一照筑、第九天 我趴在偏房一處隱蔽的房頂上張望吹截。 院中可真熱鬧,春花似錦凝危、人聲如沸波俄。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,814評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)懦铺。三九已至,卻和暖如春支鸡,著一層夾襖步出監(jiān)牢的瞬間冬念,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,940評(píng)論 1 275
  • 我被黑心中介騙來(lái)泰國(guó)打工牧挣, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留急前,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,452評(píng)論 3 379
  • 正文 我出身青樓瀑构,卻偏偏與公主長(zhǎng)得像裆针,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子检碗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,995評(píng)論 2 361