前端開發(fā)并不難，但是要想做得優(yōu)雅、健壯并不容易，使用一個(gè)好的前端框架能夠幫你很多忙。本文列舉了20個(gè)優(yōu)秀的前端框架，供選擇使用。

1. BootStrap（Apache v2.0；響應(yīng)式）

時(shí)髦、直觀并且強(qiáng)大的前端框架，讓W(xué)eb開發(fā)變得更加容易。

2.Foundation（MIT；響應(yīng)式）

最先進(jìn)的響應(yīng)式前端框架。

3.960gs（GPLMIT；響應(yīng)式）

960gs提供了一個(gè)簡(jiǎn)單的網(wǎng)格系統(tǒng)，適合快速開發(fā)。

4.Skeleton（MIT；響應(yīng)式）

非常漂亮的Web模板，適合響應(yīng)式、移動(dòng)友好的開發(fā)。

5.99lime HTML KickStart（Free）

適合網(wǎng)站快速開發(fā)的極簡(jiǎn)HTML構(gòu)建模塊。

6. Kube（Free；響應(yīng)式）

面向?qū)I(yè)人員的CSS框架。

7. Less Framework（MIT；響應(yīng)式）

自適應(yīng)的CSS網(wǎng)格系統(tǒng)。

8. Flameinwork（Free）

適合懶人開發(fā)者的前端微框架。

9. G5 Framework（Free）

(x)HTML5、CSS、PHP前端開發(fā)框架。

10. Easy Framework（Free）

Easy Framework是一個(gè)一體化前端解決方案，分structural、 presentational、interactive三層。

11. Blueprint（Free）

一個(gè)旨在減少開發(fā)時(shí)間的前端框架。

12. YAML（Creative Commons）

(x)HTML+CSS框架，適合開發(fā)現(xiàn)代化浮動(dòng)布局。

13. BlueTrip（Free）

一個(gè)功能全面、并且美麗的CSS框架，適合于Blueprint搭配使用。

14. YUI3:Grids CSS（BSD）

YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發(fā)小組開發(fā)而成。 YUI Grids CSS為開發(fā)者提供了預(yù)先設(shè)置的四種不同頁(yè)面寬度，六種不同的模板。

15. 52framework（Creative Commons）

對(duì)HTML5支持非常好，簡(jiǎn)單易用。

16. elastiCSS（MIT）

一個(gè)基于Web接口和印刷布局的簡(jiǎn)單CSS框架。

17. Emastic（Free）

一個(gè)與眾不同的CSS框架。

18. Fluid 960 Gride System（GPL/MIT）

 Fluid 960 Grid System的模版是根據(jù)Nathan Smith之前的作品而創(chuàng)建的。即960 Grid System：傳承了MooTools和jQueryJavaScript libraries的效果。

19. xCSS（MIT）

一個(gè)面向?qū)ο蟮腃SS框架，能讓你的工作流更加簡(jiǎn)潔。xCSS基于CSS，可以在開發(fā)復(fù)雜樣式時(shí)，提供面向?qū)ο蟮墓ぷ髁鳌?br />

20. EM CSS Framework（MIT/GPL）

EM CSS Framework提供了一個(gè)960px寬 + 12 列網(wǎng)格系統(tǒng) + CSS的通用樣式。