在過(guò)去的幾年里,Web開(kāi)發(fā)已經(jīng)變得非常流行。每年都會(huì)發(fā)布許多前端框架,Bootstrap一直是最受歡迎的一個(gè),但是,還有許多其他的框架,你可能沒(méi)有聽(tīng)說(shuō)過(guò),但絕對(duì)值得一試。想學(xué)的同學(xué)可以參加Web前端培訓(xùn),快速有效提升自己。
在本文中,我們將介紹10個(gè)好用的框架。
Spectre
Spectre是一個(gè)現(xiàn)代的、自由的、響應(yīng)迅速的CSS框架。它提供了優(yōu)雅的元素、基于flexbox的響應(yīng)式布局系統(tǒng)以及CSS組件和實(shí)用程序,可以使用Sass和Scss編譯器進(jìn)行修改。它非常輕量級(jí),只有10KB的Gzip,并且支持大多數(shù)現(xiàn)代瀏覽器。
Mustard UI
這是一個(gè)開(kāi)源、輕量級(jí)的入門(mén)級(jí)CSS框架。它分為多個(gè)模塊,您可以選擇是包含所有模塊,還是只包含所需的模塊。它配備了前端設(shè)計(jì)所需的所有組件,如flexbox網(wǎng)格、按鈕、表格、表單、卡片等,并且可以通過(guò)scss變量進(jìn)行定制。
Bulma
Bulma是一個(gè)基于Flexbox布局模型的免費(fèi)開(kāi)源現(xiàn)代CSS框架。它提供了一個(gè)簡(jiǎn)單的網(wǎng)格系統(tǒng)、反應(yīng)靈敏的導(dǎo)航條和多功能的媒體對(duì)象。Bulma中的每個(gè)元素都是首先移動(dòng)的,并針對(duì)小屏幕進(jìn)行了優(yōu)化,并且可以使用修改器類(lèi)和變量輕松定制。在Web前端培訓(xùn)中,會(huì)有很多框架的學(xué)習(xí)和應(yīng)用,可以讓你快速掌握前端技能。
UI Kit
這是另一個(gè)很棒的CSS和Javascript前端框架,它有自己的SVG圖標(biāo)字體和許多組件。UIkit在外觀和框架方面都設(shè)計(jì)得非常好,具有統(tǒng)一的樣式、易于記憶的API、許多自定義選項(xiàng)和有用的修改器類(lèi)。
TentCSS
TentCSS是一個(gè)簡(jiǎn)單易用的框架,提供了構(gòu)建響應(yīng)性網(wǎng)站所需的所有基本組件。它非常輕(僅5kb
Gzip),遵循BEM標(biāo)準(zhǔn),并具有用于布局的現(xiàn)代flexbox網(wǎng)格。
MaterializeCSS
這是一個(gè)基于材料設(shè)計(jì)的現(xiàn)代響應(yīng)前端框架。它的使用非常簡(jiǎn)單,特別是對(duì)于熟悉其他類(lèi)似項(xiàng)目(如Bootstrap)的人來(lái)說(shuō)。有一個(gè)初學(xué)者模板的集合,將幫助您輕松地設(shè)計(jì)您的網(wǎng)站。
The Zurb Foundation
ZURB基礎(chǔ)框架是建立響應(yīng)網(wǎng)站和應(yīng)用程序的另一個(gè)流行工具。它附帶了許多完全可定制的模塊化和靈活組件,您可以使用這些組件設(shè)計(jì)在任何設(shè)備上都令人驚嘆的漂亮響應(yīng)網(wǎng)站。通過(guò)Web前端培訓(xùn)的學(xué)習(xí),理論知識(shí)+實(shí)踐項(xiàng)目,雙管齊下,更有利于學(xué)員加深對(duì)所學(xué)知識(shí)的理解和運(yùn)用,真正做到學(xué)以致用,從而將知識(shí)內(nèi)化成自身的能力。
Semantic UI
Semantic是一個(gè)前端框架,它使用人性化HTML幫助創(chuàng)建美觀且響應(yīng)迅速的布局。它高度可定制,有3000多個(gè)CSS變量,可以用于自定義主題。語(yǔ)義高度響應(yīng),因?yàn)樗耆怯谩癳m”值構(gòu)建的。
base
base是一個(gè)輕量級(jí)的、最小的、響應(yīng)迅速的CSS框架。它構(gòu)建在最新的Normalize.css之上,并分為獨(dú)立的模塊,因此您只能使用所需的模塊。它首先是移動(dòng)的,在包括IE10+在內(nèi)的所有現(xiàn)代瀏覽器上都非常有效。
MUI
這是一個(gè)小型且響應(yīng)迅速的框架,遵循谷歌的材料設(shè)計(jì)指南。它沒(méi)有外部依賴(lài)項(xiàng),并且非常輕量級(jí),只有5.4kb的gzip。它提供React支持,通過(guò)SASS文件進(jìn)行定制,并有一個(gè)單獨(dú)的內(nèi)聯(lián)版本用于設(shè)置電子郵件樣式。
這些框架在web開(kāi)發(fā)工作中也會(huì)起到不小的作用,掌握好這些框架的運(yùn)用將會(huì)使你的開(kāi)發(fā)工作變得更加高效和穩(wěn)定。想要盡快學(xué)會(huì)這些框架的使用,參加Web前端培訓(xùn)就是一個(gè)不錯(cuò)的方法,可以提高學(xué)習(xí)效率,在最短的時(shí)間內(nèi)學(xué)到最多最有效的知識(shí)和技能。