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

老虎说测试 前端技术字数 1770阅读5分54秒阅读模式
摘要FrameworkHTML5使用越来越多,但是使用的hack非常少。使用HTML5的话,代码更加清晰。这个框架完全利用了所有的HTML5特性。演示下载12 Boilerplate作...

11.52Framework

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

  • 演示
  • 下载

30个最棒的响应式CSS前端框架 (二)-图片1文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

 12.Boilerplate

作为Blueprint CSS的最初作者,我决定重构我的想法去简化框架来提供最简单框架。这个框架需要你来打磨。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

30个最棒的响应式CSS前端框架 (二)-图片2文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

13.FEM CSS Framework

FEM基于960Grid系统,但是更加强大和灵活。缺点是学习的话更复杂。但是有点儿重量级。你来决定是否适合你!文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

30个最棒的响应式CSS前端框架 (二)-图片3文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

14.KNACSS Framework

KNACSS拥有3个不同版本,经典版适合多种目的,还有两个版本使用预编译LESS-CSS和SASS,每一个版本都是用来满足你的需要。建议大家使用前看看完整的教程和代码文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

  • 演示
  • 下载

30个最棒的响应式CSS前端框架 (二)-图片4文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

15.Groundwork CSS Framework

Groundwork CSS非常有灵活性,帮助快速开发并且适合各种屏幕尺寸,手持设备或者大显示器。文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

30个最棒的响应式CSS前端框架 (二)-图片5文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

16.Gumby 2.6

使用SASS编译,SASS是一个强大的CSS预处理器,允许我们开发Gumby快速开发,给你很多新的工具自定义和扩展文章源自陈学虎-https://chenxuehu.com/article/2014/02/1627.html

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

17.Unsemantic CSS Framework

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

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

18.Tuktuk CSS Framework

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

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

19. 960 Grid System

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

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

20. 978 Grid CSS

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

  • 演示
  • 下载

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

其它重要的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提供了基于每一个行的等同的分布式列

 最后更新:2022-3-15
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:30个最棒的响应式CSS前端框架 (二) | https://chenxuehu.com/article/2014/02/1627.html