菜鸟笔记

Menu

10个国外的HTML5响应式框架

前言

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

框架能够大幅简化设计者和开发者的工作。笔者搜集了 10 个广受好评的 HTML5 响应式web开发框架推荐给大家,希望可以帮助大家构建更多响应式网站。

GroundworkCSS2

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

10个国外的HTML5响应式框架

官方网站:http://groundworkcss.github.com/

MontageJS

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

 

10个国外的HTML5响应式框架

官方网站:http://www.montagejs.org/

52Framework

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

10个国外的HTML5响应式框架

官方网站:http://www.52framework.com/

Twitter Bootstrap

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

10个国外的HTML5响应式框架

官方网站:http://twitter.github.io/bootstrap/

SproutCore

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

10个国外的HTML5响应式框架

官方网站:http://sproutcore.com/

Foundation

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

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

10个国外的HTML5响应式框架

官方网站:http://foundation.zurb.com/

Base

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

10个国外的HTML5响应式框架

官方网站:http://base.gs/

Onsen UI

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

10个国外的HTML5响应式框架

官方网站:https://onsen.io/

Enyo

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

10个国外的HTML5响应式框架

官方网站:http://enyojs.com/

Ionic

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

10个国外的HTML5响应式框架

官方网站:http://ionicframework.com/

— 于 共写了1933个字
— 文内使用到的标签:

一条回应:“10个国外的HTML5响应式框架”

发表评论

电子邮件地址不会被公开。 必填项已用*标注