15个最好的HTML5前端响应式框架(2014)

huanghuang

2014-12-16

注1* 之前我们比较过Foundation和Bootstrap，这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。

注2* 文中的多个框架基于SASS创建，SCSS是一种比LESS更简洁的样式表编程语言，它可以编绎成CSS，可复用CSS代码，声明变量，甚至是函数，类Ruby/Python的语法，参见： LESS vs SASS？选择哪种CSS样式编程语言?

15个最好的HTML5前端响应式框架(2014)

最好的HTML5框架一般也是最流行的，使用这些框架可以极大地减少你的工作量，节约你的时间。

HTML5 有非常有用和令人意想不到的功能，但也有少数浏览器并不支持HTML5，因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的框架有很多，大多支持响应式布局，干净的代码，跨浏览器兼容，内置按钮等等这些设计师常常使用的功能。同的这些HTML5框架将帮助你更加容易地构建任务。包括支持javascirpt和jQuery插件的HTML5的框架，我们可以实现网站的许多应用效果。

最好的响应式前端框架

在这篇文章中，我将展示我收集的15款最佳的前端响应式HTML5框架。

Foundation

15个最好的HTML5前端响应式框架(2014)

顾名思义，支持HTML5设备的基础。对于懒人们来说，我们已经建立了一个新的命令行工具来加速项目开发，并增加支持Libsass，SCSS编绎加快了5倍。

skeljs

15个最好的HTML5前端响应式框架(2014)

skelJS是一个轻量极的前端框架，可以创建响应式网站和应用。只需要引用一个不到20Kb的JS文件，然后就可以调用强大的组件。

Gumby

15个最好的HTML5前端响应式框架(2014)

Gumby 2 是基于Sass创建的. 因为你可以使用它快速定制你所需要的Gumby框架组件。

Grid System

15个最好的HTML5前端响应式框架(2014)

响应式式前端框架

Less Framework 4

15个最好的HTML5前端响应式框架(2014)

Less框架是一套CSS网格系统，它有4套布局（layouts）和3组预设版式，都只基于一个网格。

Yaml

15个最好的HTML5前端响应式框架(2014)

模块化的CSS框架，真正灵活，方便的响应式网站。 YAML提供了一套完整匹配的积木来创建复杂的网站。网格，导航，表格，排版模块和所有提供的附加组件无缝地在一起协同工作。

HTML5 Boilerplate

15个最好的HTML5前端响应式框架(2014)

HTML5 Boilerplate帮助您构建快速，健壮，适应性强的Web应用程序或站点。

Montage Studio

15个最好的HTML5前端响应式框架(2014)

MontageJS是一个现代化，完整的HTML5的框架，旨在创建单页的应用程序，快捷！ MontageJS使用经过时间考验的设计模式和软件的原则，可以让你轻松地创建一个模块化的架构，并帮助您的项目提供高品质的用户体验。这允许设计人员和开发人员快速协同工作。

Columnal

15个最好的HTML5前端响应式框架(2014)

该Columnal的CSS网格系统是一个“混合”的弹性网格，而一些代码的灵感（和想法子从960.gs（注*960 Grid为一开源项目）获取

Layers CSS

15个最好的HTML5前端响应式框架(2014)

Layers CSS是一个轻量级的CSS框架，它不强调任何设计，只处理的主体结构。它即支持响应的布局又有流式网格和简单。

Twitter Bootstrap

15个最好的HTML5前端响应式框架(2014)

Bootstrap 是一种流行的，现代的前端/ UI开发框架。它的功能丰富，大部分你所需要的功能里面都有。

SproutCore

15个最好的HTML5前端响应式框架(2014)

SproutCore的是基于网络的创新用户体验的开源框架。它具有令人难以置信的速度意味着没有更短的页面渲染时间。利用最新的Web技术和规范。良好的可访问性。

HTML KickStart

15个最好的HTML5前端响应式框架(2014)

最新的一个框架，HTML5的KickStart的是一个非常干净的HTML，CSS, JavaScript包，以节省UI开发人员的工作。

CreateJS

15个最好的HTML5前端响应式框架(2014)

CreateJS是一套开源的JavaScript库和工具，用于创建丰富的，交互式的HTML5内容。它由5个模块化的JavaScript库组成。这将帮助你实现动画效果，在您的网站上支持HTML5的音频，等等。

52Framework

15个最好的HTML5前端响应式框架(2014)

52Framework是一个HTML5的框架，其目的是提供一种简单的方法来构建使用HTML5和CSS3，同时支持所有现代浏览器响应网站。它是挤满了像HTML5视频播放器，圆角，HTML5 Canvas及HTML5验证等等优秀的组件。

原文地址： webdesigncone.com

转自：http://ourjs.com/detail/15%E4%B8%AA%E6%9C%80%E5%A5%BD%E7%9A%84html5%E5%89%8D%E7%AB%AF%E5%93%8D%E5%BA%94%E5%BC%8F%E6%A1%86%E6%9E%B6-2014-

html5 前端开发前端框架前端框架

huanghuang

0 关注 0 粉丝 0 动态

相关推荐

一篇文章带你了解HTML5 MathML

HTML5 可以在文档中使用 MathML 元素，对应的标签是 ... 。MathML 是数学标记语言，是一种基于XML的标准，用来在互联网上书写数学符号和公式的置标语言。大部分浏览器都支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的

wusiye 2020-10-23

HTML5标签2

表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...

gufudhn 2020-08-09

HTML 5 <input> 标签

<input> 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。在 HTML 4.01 中，"align" 属性已被废弃，HTM

nercon 2020-08-01

HTML5的新语义和新结构元素

自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，

swiftwwj 2020-07-21

HTML5中修改表单验证默认提示语句

HTML5中针对表单新增的验证属性如required、pattern以及一些特定input类型，当验证不通过时，都有默认的提示语句，但实践中发现并不怎么友好，因此，需要自定义提示语句，使用setCustomValidity()。在此之前，需要介绍一下表单的

nercon 2020-07-16

indexedDB 数据库_html5中Web离线数据库的使用

在html5 的本地存储中，有一种叫 indexedDB 的数据库，该数据库是一种存储在客户端本地的 NoSQL数据库，它可以存储大量的数据。web Storage可以方便灵活的在本地存取简单数据，但是对于大量结构化存储，indexedDB 的优势就更加明

饮马天涯 2020-07-05

[Javascript] HTML5 DOM project

<p>You have <span class="todos-count"></span> items</p>. <button type="button" cl

Lophole 2020-06-28

Html5—— <input> autocomplete 属性

autocomplete 属性是 HTML5 中的新属性。autocomplete 属性规定输入字段是否应该启用自动完成功能。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。即，当你输入过一次，提交后，下次再点击输入框时，会

gufudhn 2020-06-12

疯狂HTML5 CSS 3 JavaScript讲义 (李刚) 高清PDF扫描版 279M完整版下载

《疯狂html 5/css 3/javascript讲义》的定位是一本前端开发的“实战性”图书，因此在介绍各知识点时并不是简单地停留在知识点层面阐述，而是结合了大量实例来让读者对照练习、学以致用。该游戏综合运用了html 5的绘图支持、客户端存储等技术，具

csstpeixun 2020-06-11

Vue.Js（html5） + Java实现文件分片上传

代码从项目中剥离修改，未经测试，仅提供思路。let bufferLength = 1024 * 1024 * 5;需要注意的是，Blob.slice,文件块包含start指向的字节，而不包含end指向的字节，在使用时要注意Blob的边界。使用ByteBuf

huzijia 2020-06-09

[JavaScript] HTML5 播放hls流媒体视频流

PC端chrome，IE，Firefox以及集成以上内核的各种浏览器，以及旧版的Android SDK的webview 不能播放

WebVincent 2020-06-06

html5 video视频，本地环境好的，线上环境，不能播放

本地环境ok，发布到线上不能播放。之前看这个视频，把video放在public文件夹下的。

niehanmin 2020-06-03

HTML5

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的第五次重大修改，作为新HTML语言，具有新的元素、属性和行为。<source src="./media/snow.ogg" type="audio.mpeg&

行吟阁 2020-05-30

HTML5中History.back()页面后退刷新页面

在开发中经常会遇到在一个页面操作完返回上一个页面，此时要求上个页面展示最新数据的需求。　　返回了A1页面同时A1页面进行了刷新！

qsdnet我想学编程 2020-05-26

分享一些酷酷的特效，希望你也能够喜欢

id=ha200bcjbb畜牧资讯官方app页面模板。新闻资讯手机模板html下载。id=ha202bhcib简单的手机绑定银行卡页面，手机添加银行卡信息列页面模板。id=ha2bh01a2jcss3 Animation属性制作夜晚的景色搭配悬浮发光圆点

gufudhn 2020-05-25

这些例子很炫，感兴趣的童鞋可以了解一下

id=kja1abajb黑色通用的网络品牌设计公司介绍html5单页模板，广告品牌设计公司网站单页模板。echarts中国地图城市区块选择代码点击》echarts中国地图城市区块选择代码html5基于echarts.js地图插件制作中国地图点击选择城市弹出

qsdnet我想学编程 2020-05-19

HTML5 Web SQL 数据库

Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。你也可以参考我们的 SQL 教程，了解更多数据

suixinsuoyu 2020-05-15

HTML5 服务器发送事件(Server-Sent Events)

HTML5 服务器发送事件允许网页获得来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。所有主流浏览器均支持服务器发送事件，除了 Internet Explorer。创建一个新的 EventSource 对象，然后规定发送更新的

HSdiana 2020-05-15

HTML5 Web Workers

web worker 是运行在后台的 JavaScript，不会影响页面的性能。当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。Inter

PioneerFan 2020-05-15

HTML5 应用程序缓存

使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。减少服务器负载 - 浏览器将只从服务器下载更新过或更改

GimmeS 2020-05-15

huanghuang

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号