分享10個(gè)最新的Web前端框架(翻譯)

發(fā)布時(shí)間：2015-12-05 22:59:08 作者：佚名

前端Web框架的本質(zhì)就是JavaScript，CSS和HTML相關(guān)組件的集合，你可以把它應(yīng)用到日常的項(xiàng)目中，可以極大節(jié)省開發(fā)時(shí)間，特別是在那些緊急的項(xiàng)目中。這里，我們?yōu)榇蠹伊谐隽?0個(gè)前端Web框架，可以參考

在Web開發(fā)的世界里，框架是很常見的東西，甚至每天都有新的框架和模板產(chǎn)生，你很難對(duì)它們都了解，你也很難決定應(yīng)該使用哪一個(gè)框架。前端Web框架的本質(zhì)就是JavaScript，CSS和HTML相關(guān)組件的集合，你可以把它應(yīng)用到日常的項(xiàng)目中，可以極大節(jié)省開發(fā)時(shí)間，特別是在那些緊急的項(xiàng)目中。這里，我們?yōu)榇蠹伊谐隽?0個(gè)前端Web框架，可以參考。

1. Furtive

Furtive

這是一個(gè)主要針對(duì)移動(dòng)端的框架，如今有越來越多的人更加關(guān)注移動(dòng)端的應(yīng)用。這是一個(gè)輕量級(jí)的框架，在不同的瀏覽器上都可以運(yùn)行，同時(shí)還支持CSS，SCSS。

2. Csstyle

csstyle

如果你想創(chuàng)建一個(gè)易于維護(hù)的樣式表，你可以試試這個(gè)框架。它基于主流的設(shè)計(jì)原則，框架會(huì)使用一系列的SASS混合類型來執(zhí)行程序，這會(huì)使得CSS變得語義性更好、更加易讀。

3. Muffin

Muffin

準(zhǔn)確意義上來說，它可能不算是一個(gè)框架，但它也同樣值得你的關(guān)注。它的本質(zhì)是一個(gè)關(guān)注于設(shè)計(jì)的Web模板，你可以使用它幫助創(chuàng)建靜態(tài)的網(wǎng)站。它參考了inuit.css，Boilerplate和Bootstrap中的優(yōu)勢(shì)和規(guī)范，幫助你的Web開發(fā)。

4. Kouto Swiss

Kouto Swiss

這是一個(gè)基于CSS組件的出色框架，它具有多種用途和功能，可以幫助你更快的開發(fā)。

5. PowerToCSS

PowerToCSS

這是一款基于SMACSS和DRY原則設(shè)計(jì)的輕量級(jí)框架，它擁有著CSS組件，如果你想快速上手一個(gè)項(xiàng)目，這個(gè)框架是一個(gè)不錯(cuò)選擇。

6. Themosis WordPress Framework

Themosis WordPress Framework

這個(gè)框架應(yīng)用了很多PHP的特征，比如命名空間。另外，它綜合了WordPress的規(guī)范和典型的MVC架構(gòu)。

7. Material Framework

Material Framework

它相對(duì)于這里介紹的其他框架的使用范圍要小一些，不過它是絕對(duì)的輕量級(jí)，只包含基于CSS的組件，這個(gè)框架可以幫助你快速了解和使用CSS。

8. Material Design for Bootstrap

Material Design for Bootstrap

正如它的名字那樣，這是Bootstrap 3的一個(gè)主題。它可以讓你快速、簡(jiǎn)單的做出你項(xiàng)目中的設(shè)計(jì)。

9. Material UI

Material UI

Material UI 是一套實(shí)現(xiàn)了 Google 的 Material Design 全新設(shè)計(jì)語言的 CSS 框架。它可以作為 NPM 安裝包，使用 browserify 和 reactify 的依賴管理和 JSX 轉(zhuǎn)換。

10. Materialize

Materialize

Google 在 IO 大會(huì)上推出的 UI 設(shè)計(jì)規(guī)范，該規(guī)范是為了統(tǒng)一 PC、Web 和移動(dòng)應(yīng)用的用戶使用體驗(yàn)，目前成功的例子有 Google Gmail 團(tuán)隊(duì)新出品的 Inbox 應(yīng)用。該框架使用了很多新鮮的設(shè)計(jì)和風(fēng)格，有兩個(gè)版本：標(biāo)準(zhǔn)版和SASS。

原文：http://designposts.net/best-frontend-web-frameworks/
譯文：http://www.php100.com/html/dujia/2015/0127/8490.html
（翻譯：PHP100_Zeroing）