推荐10个HTML5响应式框架


Posted in HTML / CSS onFebruary 25, 2016

如今,HTML5已经被全世界的网站设计师和开发者所接受。HTML5被称为是web开发的未来可不是空穴来风。HTML5将语义化编程推到了新的高度。通过HTML5,开发者可以用更加简单易懂的单词来编写他们的网页应用。比如,HTML5推荐使用<strong>标签而不是<b>标签来加粗文本。不仅如此,HTML5还提供了对媒体(media)的强大的支持,简化了媒体密集型web应用的创建过程。最重要的一点便是HTML5比它的前辈们更好地支持响应式网站设计。如今已经是响应式网站设计的时代,用户不再仅通过宽大的电脑屏幕来访问网站了。
框架能够大幅简化设计者和开发者的工作。笔者搜集了10个广受好评的HTML5响应式web开发框架推荐给大家,希望可以帮助大家构建更多响应式网站。

GroundworkCSS2

GroundworkCSS2是一个结合了HTML5、CSS和JavaScript的响应式框架,它针对不同的台式机、智能手机和平板设计了一个响应式的栅格系统。它的官方网站提供了大量的应用实例和文档来帮助开发者了解该框架。同时,官网还提供了多种模板,包括标准网站、电子商务网站和图片展示型网站等等。另外,它还具有诸如支持响应式文本和轻松定制化等特征。

推荐10个HTML5响应式框架

MontageJS

MontageJS是一个注重促进开发高性能高拓展性web应用的HTML5框架。该框架提供了面向组件的HTML模板,将组件从JavaScript和CSS中独立出来。另外,它还提供一种模块化的方式来重用组件和组织代码。

推荐10个HTML5响应式框架

52Framework

52Framework是一个结合了HTML5、CSS3和JavaScript的强大的前端框架。该框架提供了一些封装好的内置工具,包括HTML5视频播放器、HTML5表单验证器,CSS3属性工具、栅格系统和HTML5画布示例等。

推荐10个HTML5响应式框架

Twitter Bootstrap

Twitter Bootstrap是一个结合了HTML、CSS和JavaScript的强大的前端框架,用于加速并简化web应用开发。该框架提供给开发者一些实用的功能,包括12列的响应式栅格系统、JavaScript插件和多种控件等等。同时,它还为导航栏、下拉菜单、面包屑导航栏、排版、警告和进度条等功能提供了一些可重用的组件, 非常的实用。

推荐10个HTML5响应式框架

SproutCore

SproutCore是一个基于MVC架构的前端框架。它结合了HTML5,允许开发者通过客户端逻辑和高质量的主题来构建快速、可拓展的web应用

推荐10个HTML5响应式框架

Foundation

Foundation是一个有着在线社区支持的前端开发框架,通过栅格系统和其他一些特性提供了一系列布局功能、包括复杂的布局、动画特效、快速原型化等等。

另外,它还提供了一些内置的HTML模板用于开发不同的页面,包括电子商务主页模板、旅行网站模板、在线杂志模板、博库网站模板和产品介绍页面模板等等。

推荐10个HTML5响应式框架

Base

Base是一个轻量级的模块化的HTML/CSS前端框架,用于开发支持新旧浏览器和移动设备等多平台的跨平台响应式的web应用。

推荐10个HTML5响应式框架

Onsen UI

Onsen UI是一个支持响应式布局的基于HTML5元素定制的UI框架,提供多种基于web的UI组件,并支持PhoneGap和Cordova的混合APP开发。它的高效得益于它结合了jQuery库和Angular.js框架。

推荐10个HTML5响应式框架

Enyo

Enyo是一个用于开发原生HTML5应用的前端框架。很多响应式的web应用都是利用Enyo开发的,包括blogWalker, E Notes, Groupon Mobile app和Confero。Enyo提供一系列特性,包括UI组件、实用工具、事件处理和调试等

推荐10个HTML5响应式框架

Ionic

Ionic是一个用于构建混合移动应用的先进的HTML5框架。该框架最适合用于基于AngularJS的应用开发,并提供一系列HTML,CSS和JavaScript组件。它提供了一个强大的命令行工具,包含实时更新和内建日志等功能,便于在不同的平台开发、测试和部署Ionic应用。

推荐10个HTML5响应式框架

以上就是为大家分享的10个HTML5响应式框架,希望大家喜欢。

HTML / CSS 相关文章推荐
CSS3实现跳动的动画效果
Sep 12 HTML / CSS
CSS3 绘制BMW logo实的现代码
Apr 25 HTML / CSS
用css3实现当鼠标移进去时当前亮其他变灰效果
Apr 08 HTML / CSS
CSS3的Flexbox布局的简明入门指南
Apr 08 HTML / CSS
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
Feb 07 HTML / CSS
canvas绘制表情包的示例代码
Jul 09 HTML / CSS
canvas学习笔记之绘制简单路径
Jan 28 HTML / CSS
html5教程制作简单画板代码分享
Dec 04 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
HTML5输入框下拉菜单功能的示例代码
Sep 08 HTML / CSS
带你了解CSS基础知识,样式
Jul 21 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 #HTML / CSS
使用HTML5在网页中嵌入音频和视频播放的基本方法
Feb 22 #HTML / CSS
浅析HTML5的WebSocket与服务器推送事件
Feb 19 #HTML / CSS
解析HTML5的存储功能和web SQL的相关操作方法
Feb 19 #HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
Feb 19 #HTML / CSS
使用HTML5进行SVG矢量图形绘制的入门教程
Feb 19 #HTML / CSS
整理HTML5中表单的常用属性及新属性
Feb 19 #HTML / CSS
You might like
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
追忆往昔!浅谈收音机的百年发展历史
2021/03/01 无线电
php 常用类整理
2009/12/23 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
php生成图片验证码
2015/06/09 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
详解PHP swoole process的使用方法
2017/08/26 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
Using the TextRange Object
2006/10/14 Javascript
javascript 一些用法小结
2009/09/11 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
Python基础学习之函数方法实例详解
2019/06/18 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
python并发编程 Process对象的其他属性方法join方法详解
2019/08/20 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
Python中and和or如何使用
2020/05/28 Python
python时间time模块处理大全
2020/10/25 Python
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
工厂保洁员岗位职责
2013/12/04 职场文书
农村葬礼主持词
2014/03/31 职场文书
2014乡镇党委副书记对照检查材料思想汇报
2014/10/09 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
皇城相府导游词
2015/02/06 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL