2019独角兽企业重金招聘Python工程师标准>>>

响应式Web设计的运用越来越更加广泛。因此,做为一名Web开发人员和前端设计师,我们有必要了解更多的有关于响应式设计的工具和资源,使其更容易为我们创建响应式的Web站点。前面本站为大家推荐了《16个优秀的Responsive CSS框架》,今天在为在家推荐8款实用的响应式设计的CSS框架。希望这些工具能帮你更快速的创建一个响应式Web站点。

1、Titan Framework

Titan Framework是一个用于响应式设计的CSS框架。

2、Responsive Grid System

流体网格CSS框架,用于快速、直观的开发响应性网站。可以使用12列,16列和24列响应式网格设计。

3、Ingrid

Ingrid是一个轻量级和流体的布局系统,其主要目标是减少使用类。Ingrid也必须是一个可扩展的系统,容易定制你自己的需要。

4、Gumby

Gumby是一个新的960网格布局系统,其具有响应式布局功能。

5、Susy: Responsive grids for Compass

响应式设计具有超强的用户体验,你需要定制几套不同的样式。Susy是一个流体网格布局,而且具有响应式布局功能,而且你可以随时根据自己所需定制适合自己的一套需求。

6、Responsive Grid System

这个响应网格系统不是一个框架。这也不是一个样板。这是一个快速、简单和灵活的方式来创建一个响应的web站点系统。

7、Foundation 3

最先进的响应前端框架。

Less + Framework

是一个跨平台的响应式框架系统

特别声明:以上信息由Henry Jones提供,英文网址:8 Useful Responsive CSS Frameworks

扩展阅读:

w3cplus上Responsive相关教程与资源:

  1. 15个Responsive设计的测试工具
  2. 12个优秀的Responsive LightBox特效
  3. 20款Responsive Menu教程
  4. CSS3 Media Queries
  5. Responsive设计的关键三步
  6. 了解Responsive网页设计的三个特性
  7. 手机上网站导航的制作
  8. CSS3 Media Queries模板
  9. Responsive设计和CSS3 Media Queries的结合
  10. CSS3 Media Queries案例——A List Apart
  11. CSS3 Media Queries案例——Hicksdesign
  12. CSS3 Media Queries案例——Tee Gallery
  13. 37个极具创意的响应式布局网站

如需转载,烦请注明出处:http://www.w3cplus.com/source/8-useful-responsive-css-frameworks.html

转载于:https://my.oschina.net/w3cplus/blog/82617

8个实用的响应式设计框架相关推荐

  1. 设计师不应该错过的响应式设计框架(含优缺点分析)

    Ethan Marcotte称响应式设计是基于网格建立一个网站.Marcotte定义这项技术后,响应式设计框架开始出现,主要是css和JavaScript的结合.许多框架都是开源的,可以免费下载和快速 ...

  2. 10个实用的响应式设计测试工具

    响应式的设计现在越来越受设计师推崇,面对这越来越多的响应式设计页面,我们需要找到高效的测试工具来验证设计的合理和正确,文中所介绍的工具可以帮助你测试响应式页面设计. Viewport Resizer ...

  3. 响应式设计的十个基本技巧

    为什么80%的码农都做不了架构师?>>>    Responsive Design对于我来说一点都不陌生,从他在这个互联网出现的时候,就一直在观注他的成长,而且在w3cplus站上也 ...

  4. 使用前端框架Foundation 4来帮助简化响应式设计开发

    日期:2013-3-12  来源:GBin1.com Foundation是一套使用广泛的前端开发套件,可以帮助你快速的网站.最近ZURB发布了一个新版本的Foundation 4前端框架,能够有效的 ...

  5. CSS框架+响应式设计

    简介: Pure是来自雅虎的CSS框架,使用Normalize.CSS无需任何JavaScript代码.框架基于响应式设计,提供多种样式的组件,包括表格.表单.按钮.表.导航等.标识使用非常简单,整个 ...

  6. 14个支持响应式设计的前端框架

    在几年前,并没有真正意义上的前端开发.随着网络技术的发展,网站和 Web 应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发.如今,我们可以看到越来越多的公司在招聘前端开发岗位. 前 ...

  7. SpaceBase – 基于 Sass 的响应式 CSS 框架

    SpaceBase 是一个基于 Sass 的响应式 CSS 框架.SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件. 在线 ...

  8. 15 个优秀的响应式 CSS 框架

    官网:http://foundation.zurb.com/ [](()5. Material Design for Bootstrap (MDB) MDB 建立在 Bootstrap 之上,并提供了 ...

  9. html5响应式导航条,10个响应式设计的导航菜单源码-附教程

    10个响应式设计的导航菜单源码-附教程 Sponsor 在2013年里,响应式Web设计将会开始普及,我们应该学习这些新技术,尤其作为网页设计师和前端开发人员,学习CSS3样式表和HTML5是必不可少 ...

最新文章

  1. 检测用户是允许还是拒绝使用摄像头.
  2. C/C++ 静态库和动态库的区别
  3. Git与Ftp协同工作
  4. 计算机高校应用现状的参考文献,【计算机应用论文】高校计算机实验室管理思考探索(共4094字)...
  5. 神经网络python实例分类_Python使用神经网络进行简单文本分类
  6. os.system方法
  7. 当要存入数据的数据为null时 必须转换成DBNull.Value
  8. 用Mysql网页式管理工具安全地访问数据库的方法
  9. 阻塞队列-BlockningQueue
  10. 191030_Lda主题模型
  11. Linux Autofs自动挂载服务详解
  12. 用springboot对接支付宝支付接口的详细开发步骤总结
  13. JESD 样本量 选择 可靠性 45 77样本量
  14. 拉姆达Lambda表达式对list分页,获取list总页数
  15. 拥抱云原生,聊聊高度解耦的密码管理解法
  16. 牛客练习赛50(牛客1080F):F.tokitsukaze and Another Protoss and Zerg(组合数学 + NTT + 启发式)
  17. 阿布扎比有一个“智慧港口”
  18. 转载:一位顶级黑客编写的最强反编译器
  19. 华为桌面云虚拟机卸载VM Tools工具计算机蓝屏开机不了-完美解决
  20. 全网首发 | Mac版 PS2022 终于来了,支持M1芯片,五大新黑科技

热门文章

  1. 快速理解Token,Cookie,Session
  2. stopImmediatePropagation函数和stopPropagation函数的区别
  3. sqlserver 把两个sql查询语句查询出来的两张表合并成一张表
  4. ultraMaskedEdit使用心得
  5. 能够附加图片的标签控件iOS项目源码
  6. ThinkPHP第二十三天(Category表结构、PHPExcel导入数据函数)
  7. 【推荐】Redhat 5配置YUM服务器【利用DVD盘做yum源】
  8. 《LeetCode力扣练习》剑指 Offer 29. 顺时针打印矩阵 Java
  9. 如何安装OpenCV?如何安装cv2?如何更新numpy?
  10. c#_可扩展标记语言XML