【轉】14個最佳的HTML/CSS設計和開發框架

專業的網頁設計是既複雜又耗時的。它須要HTML和CSS框架的完美結合。這些框架不只能夠爲設計方案增長特定的功能，還能夠大大地節省時間和精力。

高效的框架不只是網站設計的基礎，它提供的各類豐富多彩的功能，還提升總體的功能和性能。一個網站的外觀和設計徹底能夠經過一些完美和可靠的工具而完全改頭換面。如今，愈來愈多的網頁設計師和編輯人員選擇使用CSS框架來建立網站。

因此，若是你正在尋找一些高效的HTML和CSS框架，那麼不妨繼續看下去——衆裏尋他千百度，驀然回首，那人卻在燈火闌珊處。

1）CSS框架——Gumby

Gumby是最好的框架之一，配備了各類有用的和有效的功能。它預置的設計和通用的界面元素，有助於咱們建立完美的網站。Gumby框架還容許根據要求定製網格。

官方網站：http://gumbyframework.com/

2）CSS框架——Semantic UI框架

Semantic UI也是一個很是有用的網頁設計框架。經過容許用戶建立界面共享語言來受權給設計師。各類功能和3D動畫也是不可小覷的功能。相比於其餘框架，它更容易使用。

官方網站：http://semantic-ui.com/

3）CSS框架——YAML框架

下面要說的是YAML。這是一個設計靈活，方便和響應網站的理想工具。它提供了一系列有效的功能。同時，它還帶有Ajax Builder，能夠保證基於YAML的CSS佈局的可視化開發。

官方網站：http://www.yaml.de/

4）CSS框架——blueprint

在網頁設計項目中，blueprint框架也是一個不錯的助手。它提供了一個堅實的基礎，能夠用來爲你的項目打造漂亮的表單、樣式表和易於使用的網格和排版。這是用來打造複雜的網頁設計最好的框架之一。

官方網站：http://www.blueprintcss.org/

5）CSS框架——Toast

Toast是一種可靠的CSS框架，可使得佈局更簡單，並容許用戶輕鬆地添加填充物和邊框。這是互聯網上最好最簡單的網頁設計框架之一。

官方網站：http://daneden.github.io/Toast//

6）HTML和CSS框架——Bootstrap

Bootstrap是如今網上最流行的HTML、CSS和JS框架。這工具很是有用，被大量的網頁設計師用於爲移動和其餘設備開發響應式的、功能豐富的網站。

官方網站：http://getbootstrap.com/

7）Web框架——Kube

Kube框架也是網頁設計過程當中的重要組成部分。它是一個自適應和響應式的工具，可用於支持網站設計。它有效的功能和可靠的性能有助於咱們快速輕鬆地建立網站。

官方網站：http://imperavi.com/kube/

8）CSS框架——Columnal

columnal框架是一個有效的CSS網格系統，並有少量的自定義代碼。這是一個彈性網格，爲方便快捷的網頁設計提供了特殊功能。所以，若是你想高效的網頁設計結果，這個框架是最好最可靠的選擇。

官方網站：http://www.columnal.com/

9）CSS框架——Pure

還有一種高效的網頁設計框架是Pure。它擁有一系列小型的，響應式的CSS模塊，幾乎全部的網頁設計項目中都能派上用場。

官方網站：http://purecss.io/

10）HTML/ CSS框架——Clank

Clank是一款用於手機和平板電腦app的HTML/ CSS框架。它使用Saas做爲CSS的預處理器，來達到爲移動和平板設備快速開發的目的。

官方網站：http://getclank.com/

11）HTML5和CSS3——52Frameworks

這也是一款很是棒的HTML5和CSS3框架。一種全新的HTML5驗證的表單框架（經過JavaScript）。

官方網站：http://www.52framework.com/

12）HTML5框架 – Montagejs

MontageJS是一款前端的HTML5框架，支持快速建立單頁應用程序。MontageJS使用的是通過時間考驗的設計模式和軟件規則，容許用戶爲本身的項目輕鬆建立模塊化的架構，從而提供高品質的用戶體驗。

官方網站：http://montagestudio.com/montagejs/

13）HTML5 Boilerplate

HTML5有助於快速建立穩定和適宜的Web應用程序和網站。

官方網站：http://html5boilerplate.com/

14）HTML Kickstart

HTML Kickstart提供了HTML五、CSS和JS模塊，用於快速出品網站。

官方網站：http://www.99lime.com/elements/

 

 

譯文連接：http://www.codeceo.com/article/14-best-html-css-framework.html
英文原文：14 Best HTML & CSS Frameworks for Designers & Developers
翻譯做者：碼農網 – 小峯

原文：http://www.codeceo.com/article/14-best-html-css-framework.html