CSS框架：Foundation的優(yōu)缺點(diǎn)

Foundation

ZURB于2011年9月設(shè)計(jì)出了Foundation。與其他CSS框架相比，F(xiàn)oundation不但擁有先進(jìn)而復(fù)雜的界面，而且提供了響應(yīng)式菜單，以及與各種設(shè)備和瀏覽器的兼容性。您還可以使用CSS框架，來(lái)輕松地按需設(shè)置各種菜單樣式。

得益于超響應(yīng)式（super-responsive）CSS框架，設(shè)計(jì)人員可以遵循“自行設(shè)計(jì)網(wǎng)站（design-the-site-yourself）”的方法，以擁有對(duì)項(xiàng)目的更大控制權(quán)。

Foundation CSS框架的使用情況統(tǒng)計(jì)

在State of CSS的調(diào)查中，它位居2020年最佳CSS框架類別排名第二。

有14.1%的CSS開(kāi)發(fā)人員已經(jīng)在使用，并希望繼續(xù)使用它。

在Github上擁有2.8萬(wàn)顆星、5.8千個(gè)fork、以及984個(gè)貢獻(xiàn)者。

選擇Foundation CSS框架的理由

1.更獨(dú)特

Foundation使您可以自定義與其他網(wǎng)站不同外觀的站點(diǎn)。

2.減少CSS膨脹（Bloat）

由于它內(nèi)置了基本的CSS外觀，因此大幅減少了HTML中的CSS膨脹。

3.更好的網(wǎng)格靈活性

您可以借助“折疊（collapse）”類，輕松地刪除gutters和折疊列。您還可以在block-sized網(wǎng)格的幫助下，靈活地創(chuàng)建相等大小的列。

4.小部件

Foundation可以輕松地將網(wǎng)站導(dǎo)航放置在側(cè)邊，以將其隱藏。同時(shí)，您還能獲得一個(gè)HTML5的表單驗(yàn)證庫(kù)，一個(gè)基于訂閱產(chǎn)品價(jià)格的顯示表，以及根據(jù)不同設(shè)備自定義出用戶體驗(yàn)的選項(xiàng)。

Foundation CSS框架的有待改進(jìn)之處

1.耗時(shí)

初學(xué)者很難上手Foundation CSS框架，其學(xué)習(xí)過(guò)程也會(huì)比較耗時(shí)。

2.妥協(xié)的支持

雖然擁有社區(qū)支持、質(zhì)量檢查、以及相關(guān)論壇，但是它提供給開(kāi)發(fā)人員前端框架并不豐富。

3.可定制的復(fù)雜性

與許多其他CSS框架相比，開(kāi)發(fā)人員可以自定義復(fù)雜的網(wǎng)站。

知名客戶

EA、Amazon、eBay、Adobe、Mozilla。