专业的网页设计是既复杂又耗时的。它需要 HTML 和 CSS 框架的完美结合。这些框架不仅可以为设计方案增加特定的功能，还可以大大地节省时间和精力。

高效的框架不仅是网站设计的基础，它提供的各种丰富多彩的功能，还提高整体的功能和性能。一个网站的外观和设计完全可以通过一些完美和可靠的工具而彻底改头换面。现在，越来越多的网页设计师和编辑人员选择使用 CSS 框架来创建网站。

所以，如果你正在寻找一些高效的 HTML 和 CSS 框架，那么不妨继续看下去——众里寻他千百度，蓦然回首，那人却在灯火阑珊处。

  • 1）CSS 框架——Gumby

Gumby 是最好的框架之一，配备了各种有用的和有效的功能。它预置的设计和通用的界面元素，有助于我们创建完美的网站。Gumby 框架还允许根据要求定制网格。

gumby

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

  • 2）CSS 框架——Semantic UI 框架

Semantic UI 也是一个非常有用的网页设计框架。通过允许用户创建界面共享语言来授权给设计师。各种功能和 3D 动画也是不可小觑的功能。相比于其他框架，它更容易使用。

semantic-ui-framework

广告

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

  • 3）CSS 框架——YAML 框架

下面要说的是 YAML。这是一个设计灵活，方便和响应网站的理想工具。它提供了一系列有效的功能。同时，它还带有 Ajax Builder，可以保证基于 YAML 的 CSS 佈局的可视化开发。

yaml

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

  • 4）CSS 框架——blueprint

在网页设计项目中，blueprint 框架也是一个不错的助手。它提供了一个坚实的基础，可以用来为你的项目打造漂亮的表单、样式表和易于使用的网格和排版。这是用来打造复杂的网页设计最好的框架之一。

blueprint

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

  • 5）CSS 框架——Toast

Toast 是一种可靠的 CSS 框架，可以使得佈局更简单，并允许用户轻松地添加填充物和边框。这是互联网上最好最简单的网页设计框架之一。

toast

官方网站：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 网格系统，并有少许的自定义代码。这是一个弹性网格，为方便快捷的网页设计提供了特殊功能。因此，如果你想高效的网页设计结果，这个框架是最好最可靠的选择。

columnal

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

  • 9）CSS 框架——Pure

还有一种高效的网页设计框架是 Pure。它拥有一系列小型的，响应式的 CSS 模块，几乎所有的网页设计项目中都能派上用场。

pure

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

  • 10）HTML/ CSS 框架——Clank

Clank 是一款用于手机和平板电脑 app 的 HTML/ CSS 框架。它使用 Saas 作为 CSS 的预处理器，来达到为移动和平板设备快速开发的目的。

clank

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

  • 11）HTML5 和 CSS3——52Frameworks

这也是一款非常棒的 HTML5 和 CSS3 框架。一种全新的 HTML5 验证的表单框架（通过 JavaScript）。

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

  • 12）HTML5 框架– Montagejs

MontageJS 是一款前端的 HTML5 框架，支持快速创建单页应用程序。MontageJS 使用的是经过时间考验的设计模式和软件规则，允许用户为自己的项目轻松创建模块化的架构，从而提供高品质的用户体验。

best CSS & HTML frameworks for designers and developers - montage

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

  • 13）HTML5 Boilerplate

HTML5 有助于快速创建稳定和适宜的 Web 应用程序和网站。

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

  • 14）HTML Kickstart

HTML Kickstart 提供了 HTML5、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
翻译作者： 码农网  –小峰

（本文转载自《码农网》）