互聯(lián)網(wǎng)的不斷成熟和發(fā)展以及我們?cè)谏钪惺褂靡苿?dòng)端的設(shè)備來(lái)訪問(wèn)互聯(lián)網(wǎng)的需求讓現(xiàn)在的前端開(kāi)發(fā)工作變的越來(lái)越復(fù)雜,以前的前端開(kāi)發(fā)只需要掌握好HTML、CSS、jQuery就可以滿足建站的要求了,但是現(xiàn)在就不行,還需要掌握好各種各樣的框架知識(shí)才可以滿足。今天達(dá)內(nèi)科技就來(lái)和大家說(shuō)說(shuō)前端開(kāi)發(fā)培訓(xùn)常用的框架有哪些?
1、Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計(jì)相同的功能,也是前端開(kāi)發(fā)培訓(xùn)常用的框架之一。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML,包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等,風(fēng)格與Facebook類似。
2、Kickstrap
Kickstrap是Bootstrap的一個(gè)變體。它基于Bootstrap,并在它的基礎(chǔ)上添加了許多app,主題以及附加功能。這使得這個(gè)框架可以單獨(dú)地用于構(gòu)建網(wǎng)站,而不需要額外安裝什么。你需要做的僅僅是把它放到你的網(wǎng)站上,然后用就可以了。
3、Bootstrap
Boostrap是目前前端開(kāi)發(fā)培訓(xùn)常用的框架用得廣泛的一款框架。它是一套優(yōu)美,直觀并且給力的web設(shè)計(jì)工具包,可以用來(lái)開(kāi)發(fā)跨瀏覽器兼容并且美觀大氣的頁(yè)面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件,柵格系統(tǒng)以及一些常用的Javascript插件。
4、BootMetro
BootMetro框架的靈感來(lái)自于Metro UI CSS,基于Bootstrap框架構(gòu)建,用于創(chuàng)建Windows 8的Metro風(fēng)格的網(wǎng)站。它包括所有Bootstrap的功能,并添加了幾個(gè)額外的功能,比如頁(yè)面平鋪,應(yīng)用程序欄等等。
5、GroundworkCSS
GroundworkCSS是前端培訓(xùn)框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個(gè)響應(yīng)式的HTML5,CSS以及Javascript工具包,可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。
6、Foundation
Foundation是一款強(qiáng)大的,功能豐富的并且支持響應(yīng)式布局的前端開(kāi)發(fā)框架,你可以通過(guò)Foundation快速創(chuàng)建原型,利用它所包含的大量布局框架,元素以及范例快速創(chuàng)建在各種設(shè)備上可以正常運(yùn)行的網(wǎng)站以及app。Foundation在構(gòu)建的時(shí)候秉承移動(dòng)優(yōu)先的策略,它擁有大量實(shí)用的語(yǔ)義化功能,并且使用Zepto類庫(kù)來(lái)取代jQuery,這樣可以帶來(lái)更好的用戶體驗(yàn),并且提高運(yùn)行的速度。
7、HTML KickStart
HTML Kickstart是一款可以用來(lái)方便創(chuàng)建任何布局的集合HTML5,CSS和jQuery的工具包。它提供了干凈,符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼。這款框架提供了多種樣式表,包括網(wǎng)格,排版,表單,按鈕,表格,列表以及一些跨瀏覽器兼容的web組件比如Javascript的幻燈片功能,tabs,面包屑導(dǎo)航,包含子菜單的菜單以及工具提示等等。
8、Gumby
Gumby是一款基于Sass和Compass的簡(jiǎn)單靈活并且穩(wěn)定的前端開(kāi)發(fā)框架,也是前端開(kāi)發(fā)培訓(xùn)常用的框架之一。
它的流式-固定布局(fluid-fixed layout)可以根據(jù)桌面端以及移動(dòng)設(shè)備的分辨率自動(dòng)優(yōu)化要呈現(xiàn)的網(wǎng)頁(yè)內(nèi)容。它支持多種網(wǎng)格布局,包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板,方便你在12列和16列的網(wǎng)格系統(tǒng)上進(jìn)行設(shè)計(jì)。