资讯频道 → Web前端
阅读更多

0顶
0踩

Web前端

转载新闻 15款响应式设计前端框架推荐

2013-11-27 11:31 by 见习编辑 tuhaihe 评论(1) 有16231人浏览
框架 web css ui
随着响应式Web设计的不断成熟，各类框架也变得越发健壮和可靠。如今很多新的框架都开始向一体化多功能的模式进化，它们提供了更多的功能，包含可复用的组件和模块，例如图标、对话框、页码导航、面包屑、导航栏等等。

当然，不是所有的框架都集成了大量的功能，有些仅提供了简洁的固定布局基础。今天，给大家推荐15款最新的响应式框架，希望对大家有用。

1. Girder



通过Sass构建的Girder是一款最小化的网格系统工具集，可以帮你构造按逻辑分组的弹性布局。它通过silent class(placeholders)在HTML中构建内容(让你的HTML从过多的表现层class中解放出来)，而且由于支持复杂的media queries，它可以根据项目需求调整尺寸。

查看详情 / 获取源码

2. Cardinal



Cardinal是一款聚焦于响应式Web应用的小型“移动优先”CSS框架，通过它，你可以更轻松的为响应式Web应用构建原型或生产站点，并有效的维护样式表。这款框架刻意忽略掉了一些表现样式层面的东西，以避免成为庞大而复杂的CSS框架，并将设计决策权完全交给你。

查看详情 / 获取源码

3. Typeplate



Typeplate是一款用于文字排版的入门级工具。它不涉及过多的视觉样式呈现，但是为常见的文字排版模式提供了得当的且具有扩展性的标记。

查看详情 / 获取源码

4. Gridism



Gridism是一个简单的CSS网格系统，内置了一些响应式相关的实现模式。

查看详情 / 获取源码

5. Furatto



Furatto是一款扁平化风格的前端框架，特别适用于以其他框架为基础进行快速Web开发。

查看详情 / 获取源码

6. PocketGrid



PocketGrid是一款轻量级(只有0.5kB)纯CSS响应式网格系统，你可以通过它实现任意数量的纵列。PocketGrid拥有一套基于模块及模块组的弹性系统，而非传统的通过行和列来创建网格。其中，模块组类似于行，模块本身则与列的概念相似。与传统网格系统相比，PocketGrid的方式更加灵活。

查看详情 / 获取源码

7. .Fitgrid



.Fitgrd是一款为了快速创建原型的需求而设计的框架(但在生产环境中的表现也很不错)，为那些不想让自己的页面看上去太像bootstrap风格的设计师提供了一个坚实的基础。这套网格系统包含了12个列，宽度基于百分比，每一列两侧都各有一个基于百分比的外边距。

查看详情 / 获取源码

8. Kraken



Kraken是一款轻量级、移动优先的模板框架，仅包括一些最必需的功能：一个CSS重置文件，用来确保跨浏览器的兼容性；一个响应式的、移动优先的网格系统；一套设计优秀、液态排版的标尺；CSS3按钮；最基本的视觉风格元素；还可以通过可选插件实现更多功能。

查看详情 / 获取源码

9. Markup



Markup是一套布局、挂件、UI风格和其他组件的合集，你可以在项目中直接使用，让开发流程更快速高效。

查看详情

10. Topcoat



Topcoat是一款开源CSS框架，其主题可被高度定制化，让你能够更轻松的创建Web应用。

查看详情 / 获取源码

11. Cascade



Cascade框架可以根据功能而不是选择器来将你的CSS划分到不同的文件当中，其设计风格在很大程度上受到SMACCS和OOCSS的影响。

查看详情 / 获取源码

12. Responsable



Responsable是一款基于Semantic.gs和LESS的响应式网格系统。

查看详情 / 获取源码

13. Ratchet



Ratchet可以帮你通过简单的HTML、CSS和JavaScript制作移动应用的原型。

查看详情 / 获取源码

14. Clank



Clank也是一款可以帮你创建移动应用原型的开源框架。

查看详情 / 获取源码

15. Responsive Web CSS



Responsive Web CSS可以帮助你在几分钟内创建出页面的布局。你可以指定目标设备及分辨率，作为响应式规则，然后便可以打包下载整站的代码框架。

查看详情

原文：15 New Responsive Frameworks / 翻译：Be For Web
  • 大小: 13.2 KB
  • 大小: 16.5 KB
  • 大小: 17.2 KB
  • 大小: 9.1 KB
  • 大小: 8.9 KB
  • 大小: 12.3 KB
  • 大小: 9 KB
  • 大小: 14.2 KB
  • 大小: 11.8 KB
  • 大小: 7.1 KB
  • 大小: 9.3 KB
  • 大小: 35.1 KB
  • 大小: 42.9 KB
  • 大小: 19.4 KB
  • 大小: 30.1 KB
来自: Be For Web
0
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 zzjmates 2013-11-27 14:53
[color=cyan][b][i][u]
引用
[list]
[*][img][url][*][*]
[/url][/img]
[/list]
[/u][/i][/b][/color]

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 半个月时间把MySQL重新巩固了一遍，梳理了一篇几万字 “超硬核” 文章！

    MySQL 是最流行的关系型数据库管理系统，在 WEB 应用方面 MySQL 是最好的 RDBMS (Relational Database Management System：关系数据库管理系统) 应用软件之一。

  • 数据中台（一）数据中台详解

    1.数据中台的由来 ...特点：数据库主要面向事务的增删改场景，一个数据库支撑多个简单单体应用，少量分析需求，借助数据库直接完成。但当数据增长较快，复杂的大量的分析需求，借助数据库做分析开始吃力。 1.2....

  • 亿级数据多条件组合查询——秒级响应解决方案

    在小数据量的情况下，后台通过简单的sql语句便能够快速过滤出需要的数据，但随着数据量的增加，继续使用sql语句，查询效率会直线下降。当数据量达到一定的量级，服务器将会不堪重负甚至面临挂掉的危险，并且大数据量...

  • 数据中台详解

    各种信息系统大多是独立建设的，无法做到信息的互联互通，导致形成了多个数据孤岛。数据中台的作用是融合新老信息，整合各个孤岛上的信息，快速形成数据服务能力，为企业经营决策、精细化运营提供支持。 数据中台和...

  • mysql当前时间加半小时_mysql怎么在当前时间增加一小时

    2021-01-14 17:25:52 发现问题在oracle中，in的最大条数是1000条，当超过1000条就会报错：oracle in长度限制的解决方法，将列转为行 但是字符串又会有长度限制，所以参考方法二方法一：SELECT REGEXP_SUBSTR 2021-...

  • js筛选最近三天、七天、一个月、三个月、年份的数据

    // 对页面数据的筛选及渲染整合到一个函数中 fewDay (count) { this .timeForMat(); this .selectList = this .tableData.filter( (d) => { return this .mistiming(d.serveTime, this .timer1, count);...

  • 数据中台建设方案-基于大数据平台

    星环大数据平台TDH采用基于Hadoop的数据平台架构，海量数据查询分析服务集群既可以处理结构化的数据，也可以处理非结构化、半结构化的数据，满足配置、日志、网页、音视频、社交网络等多源异构数据的加载和存储，...

  • 耗时n年，38页《数据仓库知识体系.pdf》（数据岗位必备）

    拥有本篇文章，意味着你拥有一本完善的书籍，本篇文章整理了数据仓库领域，几乎所有的知识点。

  • ❤️ 爆肝三万字《数据仓库体系》轻松拿下字节offer ❤️【建议收藏】

    同时，各个项目实施中也任意侵犯了Inmon开始定下的准则：把数据集市当成众多OLTP系统之后的有一个系统，而不是一个基础性的集成性的东西，为保证数据的准确性和实时性，有的甚至可以由OLTP系统直接修改数据集市里面...

  • 关于Git这一篇就够了

    除了git还有svn、cvs这样的版本控制系统，它们的区别在于一个是分布式一个是集中式 集中式就是svn和csv这样的版本控制系统，分布式是git 区别在于集中式的版本控制系统每次在写代码时都需要从服务器中拉取一份下来，...

  • 阿里大数据之路：数据模型篇大总结

    第1章 大数据领域建模综述1.1 为什么需要数据建模有结构地分类组织和存储是我们面临的一个挑战。数据模型强调从业务、数据存取和使用角度合理存储数据。数据模型方法，以便在性能、成本、效率之间取得最佳平衡成本：...

  • 数据库常见面试题（附答案）

    2.数据库隔离级别，每个级别会引发什么问题，mysql默认是哪个级别 脏读：事务B读取事务A还没有提交的数据 不可重复读：两次事务读的数据不一致 幻读:事务A修改了数据，事务B也修改了数据，这时在事务A看...

  • KEPServerEX 6 之 数据存储插件Data Logger 中文说明(完整版)

    ​​​​​​ DataLogger是易于配置的应用程序，可将数据从OPC服务器记录到许多ODBC兼容的数据库中。DataLogger与KEPServerEX的无缝集成提供了许多实质性的独特优势，例如安装简单，高效性能以及在OPC浏览空间中轻松...

  • 结构化、非结构化和半结构化数据 数据清洗

    一般特点是：数据以行为单位，一行数据表示一个实体的信息，每一行数据的属性是相同的。结构化的数据的存储和排列是很有规律的，这对查询和修改等操作很有帮助。但是，显然，它的扩展性不好（比如，我希望增加一个...

  • 【ElasticSearch从入门到放弃系列 零】ElasticSearch看这一篇就够了

    这个技术选型有很多，例如HBase、Cassandra，这里我们暂不关心其数据存储，留待日后讨论，我们关注的是另一件事，如何能在分布式的数据库中进行PB级的数据检索，目前市场上较为成熟的解决方案中间件就是Elastic...

  • 深度|从数据仓库到数据湖——浅谈数据架构演进

    一个运行了20多年的数据架构，必然有其合理性。也正是因为年代久远，存量过多，才导致举步维艰。在Cloud和5G时代，超密度网络集成和大数据洞察需求给电信供应商带来新的挑战，从数据仓库到数...

  • Python实现数据处理——每隔一段时间把数据写入excel文件中

    在上一篇博文中，我讲述了利用Python的selenium模块抓取动态数据的方法点击打开链接，那么这些抓到的数据如何处理呢？可以写入到excel表格中制成表格，进而画成统计图表直观显示出来。例如按照时间轴统计网站的在线...

  • 自然语言处理中的小样本数据问题-数据增强与半监督学习模型

    本文借鉴了NLP中的少样本困境问题探究，记录读后笔记和感想。 目标：我们希望采取相关数据增强或弱监督技术后 在少样本场景下，比起同等标注量的无增强监督学习模型，性能有较大幅度的提升； 在少样本场景下，能够...

  • D-HAZY :一个用于定量评估去雾算法的数据集

    在本文中，我们介绍了一个包含1400多对图像的数据集，这些图像包含地面真实参考图像和同一场景的模糊图像。由于光照条件的变化，记录这样的图像是不可行的，我们通过合成复杂场景的真实图像中的雾度来建立数据集。...

  • [转]详细解释数据挖掘中的 10 大算法

    详细解释数据挖掘中的 10 大算法

Global site tag (gtag.js) - Google Analytics