2014 年 15 款最棒的 HTML&CSS 框架

表里表外 2014-01-16

展開全文

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

CSS 框架

1) Toast

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

toast

2) Yaml

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

特性：

靈活的網(wǎng)格系統(tǒng)
主題支持的靈活形式的工具包
聚焦于 web 標準和可訪問性
為所有標準元素進行排版優(yōu)化
利用匹配構建模塊進行快速的原型開發(fā)
命名空間避免與第三方 CSS 沖突
為 HTML5 和 CSS3 做好了充分的準備
非常小的框架核心 (5.9 kB)
建立在 Sass 基礎上

yaml

3) Gumby

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

gumby

4) Responsive

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

responsive

5) Less Framework

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

lessframework

6) Columnal

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

columnal

7) Foundation

Foundation 5 是目前最快的 CSS 構建框架了,，里面包括了豐富的特性，讓你更快更好的學習里面的代碼,。Foundation 是一個易用,、強大而且靈活的框架，用于構建基于任何設備上的 Web 應用,。提供多種 Web 上的 UI 組件,，如表單、按鈕,、Tabs 等等,。

foundation

8) Susy

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

susy

9) Kube

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

kube

10) Bootstrap

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

bootstrap

HTML 框架

11) HTML Kick Start

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

12) HTML5 Boilerplate

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

html5framework

13) Skeleton

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

skeleton

14) Montagejs

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

montagejs