如果你希望加速你的开发流程或者提高你的开发效率的话,最好的方法之一就是使用一种前端框架。在这篇文章中我们将介绍30款最棒的响应式的CSS框架,Grids,boilerplate来帮助你快速的完整响应式网站的开发。当然有一些框架还是比较有难度的,但是通过阅读相关的文档相信大家也不会有很大的问题。如果你有更好的CSS前端框架推荐,请给我们留言。

因为框架的需要比较费时间,可能有一些有经验的开发人员可能更偏爱使用Grid系统而非整个框架。不过对于初学开发的人来说,使用框架可能是更加简单,因为不需要花费大量的时间自己去书写CSS或者JS代码。这里我们选择了一些最棒的响应式框架,可以帮助你开发基于不同设备的响应式设计网站。如果我们这里缺少了一些你认为也应该包含的前端框架,请大家务必给我们留言!

1.Semantic UI Framework

Semantic通过创造一个用来方便分享UI的语言使得开发人员和设计师的可控范围更为广泛。不再使用象形文字:Semantic使用自然语言使用惯例来组织使得开发过程更加的具有创新。方便和组件的沟通:给你一系列的UI组件,拥有实时的debug输出,让你的代码告诉你它起什么作用。

2.Twitter Bootstrap Framework

流畅,富有创意并且强大的移动为先的前端框架,帮助你快速开发web应用

3.Foundation Framework

foundation 3 使用强大的CSS预编译器SASS编译,允许你快速的开发,并且提供了新的工具来快速自定义

4.UIkit Framework

UIkit提供了一套HTML,CSS,JS组件。可以被扩展为主题并且非常容易自定义成为个性化的UI

5.Skeleton CSS Boilerplate

Skeleton是一套超小的CSS文件,帮助你快速开发任何尺寸的网站,无论是17寸的笔记本屏幕或者是iphone。

6.99lime HTML KickStart

超精致的HTML5,CSS和JS组件,帮助你快速的开发网站

7.Kube — Professional CSS-framework

极简但非常丰富的组件开发自适应或者响应式的网站。 拥有灵活的Grid和漂亮的字体排版。绝对自由,没有多余强制的样式。

 

8.Less Framework 4

Less框架是一个CSS的网格系统,帮助你设计自适应的网站。包含了4个布局和3套字体排版预设,所有的都基于同一个Grid。

9.Yet Another Multicolumn Layout ‘YAML’

YAML是一个模块化的CSS框架,重点在于灵活性,良好的访问和响应式的设计。这个框架重点在于设备独立的屏幕设计和灵活的布局模块化管理。

10.YUI Framework

YUI是一个免费,开源的JS和CSS类库,主要用户创建富客户端的互动web应用

来自:gbtags.com