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

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

FrameworkHTML5使用越来越多,但是使用的hack非常少。使用HTML5的话,代码更加清晰。这个框架完全利用了所有的HTML5特性。演示下载12 Boilerplate作为Blueprint CSS的最初作者,我决定重构我的想法去简化框

11.52Framework

HTML5使用越来越多,但是使用的hack非常少。使用HTML5的话,代码更加清晰。这个框架完全利用了所有的HTML5特性。

52framework css

 12.Boilerplate

作为Blueprint CSS的最初作者,我决定重构我的想法去简化框架来提供最简单框架。这个框架需要你来打磨。

	 css-boilerplate

13.FEM CSS Framework

FEM基于960Grid系统,但是更加强大和灵活。缺点是学习的话更复杂。但是有点儿重量级。你来决定是否适合你!

FEM CSS Framework

14.KNACSS Framework

KNACSS拥有3个不同版本,经典版适合多种目的,还有两个版本使用预编译LESS-CSS和SASS,每一个版本都是用来满足你的需要。建议大家使用前看看完整的教程和代码

knacss CSS framework

15.Groundwork CSS Framework

Groundwork CSS非常有灵活性,帮助快速开发并且适合各种屏幕尺寸,手持设备或者大显示器。

Groundwork CSS

16.Gumby 2.6

使用SASS编译,SASS是一个强大的CSS预处理器,允许我们开发Gumby快速开发,给你很多新的工具自定义和扩展

gumby

17.Unsemantic CSS Framework

Unsemantic是一个流网格系统。使用percentage来处理列。

unsemantic-grid-responsive.css

18.Tuktuk CSS Framework

并非和bootstrap或Foundation竞争。只是用来方便创建响应式的网站,并且非常容易扩展。

tuktuk

19. 960 Grid System

960Grid System是一个帮助流程化web开发的框架,基于960像素。两个变量:12和16列,可以分别使用。

960grid css

20. 978 Grid CSS

978Grid系统使用54像素的12列,使用额外的30px装订。这样生成了978px,可以在1024x768显示器使用。几乎每一个电脑或者平板都可以使用这个Grid

978 Grid System for Web Design

其它重要的CSS框架

21. Base

超简单的响应式框架,帮助开发基于移动设备,平板,桌面电脑的应用

22. Profound Grid

响应式的Grid系统,用来开发固定或者流体布局。基于SCSS,给你更大的灵活性和控制权。

23. Fluid Baseline Grid System

HTML5和CSS3的开发套件,提供了一个实在的基础来简化设计网站

24. Columnal CSS grid

其实整合了其它一些内容,并且添加了自己的一些代码。 非常简单灵活,并且拥有很多创意代码来自960 gs

25. Gridless

一个HTML5和CSS3的boilerplate,帮助创建移动为先的响应式,跨浏览器的网站,拥有漂亮的字体排版

26. Goldilocks

整合了EMS,max-width,media queries和Pattern translation来允许你设计分辨率独立的网站

27. Fluidable

创建移动为先,响应式的的框架支持列变量。独立,轻量级使用LESS

28. Ink

提供了流动和响应式的Grid,常用的界面元素,互动组件。帮助你简化设计。整合到你的项目中可以帮助你简化项目。

29. Kickoff

这个框架并不是一个非常规范的框架 - 我们不希望强迫开发人员使用特定的代码样式 , 所以非常适合作为一个项目的起始点

30. Cascade Framework

强大的OOCSS前端框架,针对性能和灵活性优化

31. Cascade Framework Light

更加轻量级的Caccade框架,只包含了最必要的部分

32. Metro UI CSS 2.0

一套仿window8风格的界面,可以作为单独的解决方案使用

33. Jeet

轻量级,语义化,响应式的,CSS框架

34. Responsive Boilerplate

优雅而简单,使用3个主class和12个列的方式实现。基于移动优先的设计思想,适合任何的屏幕尺寸,预先封装了一些额外的移动设备的CSS辅助类

35. Susy

web设计是响应式的,从你的开发过程到你的终端用户的平板,电话等等。你需要能够自定义的Grid,及其可靠的响应式

36. Responsive 34Grid System

34Grid是一个响应式的Grid系统,基于分布式的列布局。和其它的Grid系统相对比,34Grid提供了基于每一个行的等同的分布式列

  • 免费优惠券
  • 免费领取优惠券
  • weinxin
  • 支付宝红包领取
  • 支付宝大额红包
  • weinxin

发表评论

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