現(xiàn)在，我們來介紹 2014 年推薦給 Web 設(shè)計(jì)師的 15 款 HTML&CSS 框架。閱讀下面的框架列表，跟我們分享你的看法吧：）

CSS 框架

1) Toast

Toast 是一款讓所有設(shè)計(jì)都盡可能簡單的 CSS 框架，但它又一點(diǎn)也不簡單。一個(gè)全英文響應(yīng)式網(wǎng)格很容易就構(gòu)造一個(gè)簡單的布局，box-sizing 功能允許用戶自由的填充網(wǎng)頁和網(wǎng)格邊界，而不需要改變其他任何一個(gè)地方的設(shè)計(jì)。

2)  Yaml

Yaml 是一個(gè)模塊化的 CSS 框架，可以用來構(gòu)造靈活，可訪問和響應(yīng)式的頁面。YAML 提供一系列完整的匹配構(gòu)建模塊來創(chuàng)建復(fù)雜的網(wǎng)頁界面。網(wǎng)格，導(dǎo)航，表格，字體排版模塊和所有附件都能進(jìn)行無縫的協(xié)同合作。所有的布局模塊都能兼容 HTML5 和 CSS 3，還很容易兼容其他最新的 web 開發(fā)技術(shù)。

特性：

• 靈活的網(wǎng)格系統(tǒng)

• 主題支持的靈活形式的工具包

• 聚焦于 web 標(biāo)準(zhǔn)和可訪問性

• 為所有標(biāo)準(zhǔn)元素進(jìn)行排版優(yōu)化

• 利用匹配構(gòu)建模塊進(jìn)行快速的原型開發(fā)

• 命名空間避免與第三方 CSS 沖突

• 為 HTML5 和 CSS3 做好了充分的準(zhǔn)備

• 非常小的框架核心 (5.9 kB)

• 建立在 Sass 基礎(chǔ)上
  

3) Gumby

Gumby 2 是建立在 Sass 的基礎(chǔ)上的，Sass 是一款非常強(qiáng)大的 CSS 預(yù)處理器，允許用戶自主快速的開發(fā)擴(kuò)展 Gumby  — 同時(shí)提供很多新的工具來自定義和擴(kuò)展 Gumby 框架。Gumby 是一個(gè)響應(yīng)式的以及 960 像素寬度的 CSS 網(wǎng)格框架，支持 PC、平板和手機(jī)屏幕顯示。類似 Twitter 的 Bootstrap，它包括一個(gè)Web UI工具包，有好看按鈕，表格，導(dǎo)航+標(biāo)簽和一個(gè)很小的JavaScript文件Gumby 2 是一個(gè)非常棒的響應(yīng)式 CSS 框架，為了更好的生存，網(wǎng)頁應(yīng)該對移動端更友好。

4) Responsive

Responsive GS 是一個(gè)流體網(wǎng)格 CSS 框架，用于快速開發(fā)響應(yīng)式的 Web 網(wǎng)站。Responsive GS 提供三種風(fēng)格：12、16 和 24 列，使用 media queries 支持所有標(biāo)準(zhǔn)設(shè)備。

5) Less Framework

Less Framework 是一個(gè) CSS 網(wǎng)格系統(tǒng)，用來設(shè)計(jì)自適應(yīng)網(wǎng)頁，包括 4 個(gè)布局和 3 套字體預(yù)設(shè)置，所有都是基于單個(gè)網(wǎng)格的。

6) Columnal

Columnal CSS 框架是一個(gè)眾多自定義代碼組合成的“混合體”，是一款富有彈性的 CSS 框架，用來進(jìn)行響應(yīng)式網(wǎng)頁的快速原型開發(fā)。靈感來源于 960 Grid System 。

7)  Foundation

Foundation 5 是目前最快的 CSS 構(gòu)建框架了，里面包括了豐富的特性，讓你更快更好的學(xué)習(xí)里面的代碼。Foundation 是一個(gè)易用、強(qiáng)大而且靈活的框架，用于構(gòu)建基于任何設(shè)備上的 Web 應(yīng)用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等等。

8)  Susy

 Susy 是一個(gè)基于 Natalie Downe 的 CSS Systems 的 CSS 框架，通過 Sass 實(shí)現(xiàn)，利用 Compass 來簡化，可用于靜態(tài)網(wǎng)站以及各種框架應(yīng)用。

9)  Kube

Kube 足夠的簡單，足夠小，具有很強(qiáng)的自適應(yīng)能力，是個(gè)響應(yīng)式的 CSS 框架。它擁有最新最炫的網(wǎng)格和漂亮的字體排版，沒有任何樣式綁定，給用戶以絕對的自由。

10) Bootstrap

 Bootstrap是快速開發(fā)Web應(yīng)用程序的前端工具包。它是一個(gè)CSS和HTML的集合，它使用了最新的瀏覽器技術(shù)，給你的Web開發(fā)提供了時(shí)尚的版式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。

HTML 框架

11) HTML Kick Start

HTML KickStart 擁有極簡的 HTML5 ，CSS 和 JS 構(gòu)建模塊，能夠快速生成網(wǎng)頁。

12)  HTML5 Boilerplate

HTML5 Boilerplate 能幫助用戶快速的構(gòu)建健壯，適應(yīng)能力強(qiáng)的 web 應(yīng)用或者頁面，只需要一個(gè)小小的集成了 100 多個(gè)開發(fā)者智慧和努力的開發(fā)包就可以開發(fā)屬于你自己的網(wǎng)頁。

13) Skeleton

 Skeleton 是一個(gè)小的 JS 和 CSS 文件的集合，可幫你快速開發(fā)漂亮的網(wǎng)站，適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開發(fā)。它是一個(gè) UI 框架。

14) Montagejs

ontageJS 是一個(gè)現(xiàn)代化，功能齊全的 HTML5 框架，用來快速創(chuàng)建一個(gè)單頁應(yīng)用。Montagejs 使用通過了時(shí)間考驗(yàn)的設(shè)計(jì)模式和軟件的各種原則來開發(fā)你的項(xiàng)目，使用戶的網(wǎng)頁得到很好的高質(zhì)量的用戶體驗(yàn)。同時(shí)提供了很好的設(shè)計(jì)者和開發(fā)者更好的協(xié)同合作 的方式。Montage 打開web開發(fā)的新的世界的機(jī)會。

15)  Zebra

zebra 是一個(gè) web UI 設(shè)計(jì)框架，JavaScript 庫，遵循簡單的 OOP 設(shè)計(jì)理念，提供基于富 UI 設(shè)計(jì)的 HTML5 畫布，包括 Java 到 Javascript 的轉(zhuǎn)換工具。