《响应式开发》16个最佳响应式HTML5框架分享

yumo6669小时前技术文章5

HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码。如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计、跨浏览器兼容、相对轻量级等特点,这些框架在开发中都十分流行。如果你也对HTML5框架感兴趣,你可以看看下面我列出的一些最佳的响应式HTML5框架,帮助你快速开发网站。

1. Twitter Bootstrap

twitter bootstrap - Responsive HTML5 frameworks

Bootstrap来自Twitter,是目前最受欢迎的前端框架,它简洁灵活,使得Web开发更加方便快捷。它有着优雅的HTMCSS规范,以及构建响应式网站的基本的组件,例如12列栅格布局、jQuery插件、Bootstrap控件等等。

2. HTML5 Boilerplate

HTML5 boilerplate - Responsive HTML5 Frameworks

HTML5 Boilerplate的核心是用于帮助开发HTML5站点和应用程序的组件,它有着出色的性能和独立性,帮助你开始一个新的项目。

3. Foundation

Foundation - Responsive HTML5 Frameworks

Foundation一款非常先进的前端框架,易用、强大而且灵活,可用于构建基于任何设备上的 Web应用,提供多种Web上的UI组件,如表单、按钮、Tabs 等等。

4. Ulkit

UIkit

Ulkit是一个轻量级、模块化的前端框架,帮助开发出快速、强大的Web接口,它有着全面的HTML、CSS和JS集合,易于使用和扩展。

5. HTML5 KickStart

HTML5 KickStart - Responsive HTML5 Frameworks

HTML5 KickStart集合了HTML5、CSS和JS,帮助开发人员快速开发Web产品,它覆盖了所有的UI组件,同时也包含一些有用的JS插件。

6. Gumby

Gumby

Gumby 2基于Sass开发,是一款出色的响应式CSS框架,它包括一个Web UI工具包,有好看按钮,表格,导航、标签、JS插件等。

7. Skeleton

Skeleton - Responsive HTML5 Frameworks

Skeleton有着简单、界面友好的特点,有一系列CSS和JS文件的集合,它可以帮你快速地调整网页在不同分辨率下的显示效果,可以优雅地等比例缩放桌面、平板、手机上的浏览尺寸。

8. Groundwork

Groundwork

Groundwork是一个响应式的HTML5,CSS和JavaScript框架,是基于Sass预处理器的开源项目。Groundwork 提供多种UI组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等,可以创建适应多种浏览设备的布局。

9. Base

Base

Base是一款系统化的、轻量级且易于扩展的框架,帮助你创建更强大的响应式网站。

10. Montage

Montage - Free Responsive HTML5 Frameworks

Montage用于创建现代的Web应用,可以在客户端建立丰富的用户界面,并使用面向服务的后端处理数据。它有着出色的特性,例如复用组件和HTML模板,使用声明式的组件模型和声明式的数据绑定等等。

11. Layers CSS

Layers CSS

Layers CSS是一款轻量级的CSS框架,它集中处理了主要的样式结构,支持响应式布局。

12. 52Framework

52Framework - Free Responsive HTML5 Frameworks

52Framework是一个Web开发框架,它能实现HTML5和CSS3。它是一个跨浏览器的框架,可以在所有主流的浏览器上运行。它集合了很多优秀的组件,比如HTML5视频播放器、HTML5 canvas、HTML5认证表单等。

13. CreateJS

CreateJS - Useful Responsive HTML5 Framework for web development

CreateJS是一套模块库和工具,丰富了网站的交互性内容。它有着对象管理、tweening等特征。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。

14. Kube

Kube - Best Free HTML5 Frameworks 2015

Kube足够的简单,足够小,具有很强的自适应能力,是响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版,没有任何样式绑定,给用户以绝对的自由。

15. Less Framework

Less Framework - Popular HTML5 Frameworks

Less Framework是一个现代的前端框架。它是一个CSS网格系统,用来设计自适应网页,包括4个布局和3套字体预设置,所有都是基于单个网格的。

16. SkelJS

SkelJS - Best Free Responsive HTML5 Frameworks 2015

Skel.js是一个用于创建响应式站点和应用的轻量级前端框架。

===========

公众号:春树镇

研究讨论:web设计,PHP开发,网站建设,互联网技术,写作,小说,电影

相关文章

Html5实现下拉菜单

话不多说,直奔主题<!--html代码--> <div> <ul> <li><a href="#home" clas...

推荐15个最好的HTML5移动模板 (一)

当你创造了一个应用程序,现在你想展示给世界,那么你可以创建一个网站或登陆页面。因此,我们可以利用HTML5模板,这样就可以轻松地在互联网上公布。这些模板可以快速的提高您的业务。当你设计一个登陆页面的移...

HTML5教程从入门到精通,随堂笔记(一)HTML5框架结构

HTML5从入门到精通,兄弟连京修随堂笔记(一)HTML的框架结构,每日都有新内容,订阅走一波一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把H...

HTML5入门

什么是HTML5官方概念:HTML5草案的前身名为Web Applications 1.0,是作为下一代互联网标准,用于取代html4与xhtml1 的新一代标准版本,所以叫html5。它增加了新的标...

HTML5 header标签的定义与规定

提示:点击上方"蓝色字体"↑ 可以订阅噢!<header>标签定义文档的页面组合,通常是一些引导和导航信息(DOM接口、可设置属性)。<header>标签定义文档的页眉(介绍信...