30个最棒的响应式CSS前端框架(一)

  • A+
所属分类:前端技术
摘要

如果你希望加速你的开发流程或者提高你的开发效率的话,最好的方法之一就是使用一种前端框架。在这篇文章中我们将介绍30款最棒的响应式的CSS框架,Grids,boilerplate来帮助你快速的完整响应式网站的开发。

因为框架的需要比较费时间,可能有一些有经验的开发人员可能更偏爱使用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应用

\

  • 我的微信
  • 加我请备注缘由
  • weinxin
  • 我的微信公众号
  • 轻松随便关注
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

关闭震动