2014 年 15 款最棒…

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

CSS 框架

1) Toast

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

toast

2)  Yaml

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

特性:

  • 靈活的網格系統

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

  • 聚焦於 web 標準和可訪問性

  • 爲所有標準元素進行排版優化

  • 利用匹配構建模塊進行快速的原型開發

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

  • 爲 HTML5 和 CSS3 做好了充分的準備

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

  • 建立在 Sass 基礎上

yaml

3) Gumby

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

gumby

4) Responsive

Responsive GS 是一個流體網格 CSS 框架,用於快速開發響應式的 Web 網站。Responsive GS 提供三種風格:12、16 和 24 列,使用 media queries 支持所有標準設備。

responsive

5) Less Framework

Less Framework 是一個 CSS 網格系統,用來設計自適應網頁,包括 4 個佈局和 3 套字體預設置,所有都是基於單個網格的。

lessframework

6) Columnal

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

columnal

7)  Foundation

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

foundation

8)  Susy

 Susy 是一個基於 Natalie Downe 的 CSS Systems 的 CSS 框架,通過 Sass 實現,利用 Compass 來簡化,可用於靜態網站以及各種框架應用。

susy

9)  Kube

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

kube

10) Bootstrap

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

bootstrap


HTML 框架

11) HTML Kick Start

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

2014 <wbr>年 <wbr>15 <wbr>款最棒的 <wbr>HTML <wbr>CSS <wbr>框架

12)  HTML5 Boilerplate

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

html5framework

13) Skeleton

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

skeleton

14) Montagejs

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

montagejs

15)  Zebra

zebra 是一個 web UI 設計框架,JavaScript 庫,遵循簡單的 OOP 設計理念,提供基於富 UI 設計的 HTML5 畫布,包括 Java 到 Javascript 的轉換工具。

zebra

引自:http://segmentfault.com/a/1190000000407283

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章