网站首页 > 知识剖析 正文
HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。
下面这些既是响应式的HTML5框架,又跨浏览器兼容。而且这些免费的HTML5框架非常轻巧,所以不会拖累你网站的速度。感兴趣了吧,那么下面,我将为大家隆重揭晓2015年16个最佳的免费响应式HTML5框架!
1)Twitter Bootstrap
Bootstrap是最流行的HTML5框架之一。这是一款用于Web开发的时尚、直观、强大的前端框架。它有着用于开发响应式网站的所有组件,如12列响应式网格、定制jQuery插件、bootstrap编辑器等等。
官方网站:
http://twitter.github.io/bootstrap/
2)HTML5 Boilerplate
HTML5 Boilerplate能帮助我们构建快速、可适应的Web应用和网站。它提供了优秀的网站性能和独立的服务器维护配置。它可以帮助你开展新的项目。
官方网站:
http://html5boilerplate.com/
3)Foundation
Foundation是当今世界最先进的响应式前端框架。我们可以通过构建面向小型设备的网站来使用此HTML5架构。它也可用于灵活和响应式的网站。
官方网站:
http://foundation.zurb.com/
4)UIKit
UIKit是一款轻量级,模块化的前端框架,可快速构建强大的web前端界面。UIKit提供了全面的HTML、CSS和JS组件,使用和定制都很方便。
官方网站:http://getuikit.com/
5)HTML5 KickStart
HTML5 KickStart有着精简的HTML5、CSS和JS的构建模块,支持快速制作网站。它小小的程序包中囊括了响应式网格布局、触摸功能的幻灯片等等。
官方网站:
http://www.99lime.com/elements/
注:相关网站建设技巧阅读请移步到建站教程频道。
6)Gumby
Gumby2是一个非常了不起的响应式CSS框架。Gumby框架也允许定制:这和下载、调整、部署一样简单!Gumby2建立在Sass的基础上。
官方网站:
http://gumbyframework.com/
7)Skeleton
Skeleton简单又友好,可用于开发HTML5网站和移动应用。它有一个CSS文件的小集合,能让你快速开发出任意大小的网站。
官方网站:
http://www.getskeleton.com/
8)Groundwork
Groundwork是一款响应HTML5、CSS和JavaScript的框架,拥有如网格系统,高度可定制化,响应式文本等等功能。
官方网站:
http://groundworkcss.github.io/groundwork/?url=docs/home
9)Base
Base是一款基于语义的、轻量级的和可扩展的框架,可用于快速创建响应式站点。
官方网站:http://base.gs/
10)Montage
Montage是一款支持构建现代化Web应用程序的HTML5框架。它能协助你开发出可扩展和可维护的HTML5应用。它拥有如可重用的组件和HTML模板,声明组件模型,声明数据绑定等功能。
官方网站:http://montagejs.org/
11)Layers CSS
Layers CSS是轻量级的CSS框架,它不强调任何设计但是可以用来处理主要结构。它拥有流动网格和一些简单的类,以支持响应式布局。
官方网站:http://eiskis.net/layers/
12)52Framework
52Framework是一款旨在提供用简单方法通过HTML5和CSS3构建响应式网页,同时支持所有现代浏览器的HTML5框架。它里面有多种超棒的组件,如HTML5视频播放器,圆角,HTML5画布例子,HTML5表单验证等等等等。
官方网站:http://52framework.com/
13)CreateJS
CreateJS是一系列模块化的库和工具,经由HTML5的Web技术生成丰富多彩的交互式内容。它有HTML5音频,对象管理,渐变等功能。CreateJS套件包括:EaselJS,TweenJS,SoundJS,PreloadJS和Zoe。
官方网站:http://createjs.com/#!/CreateJS
14)Kube
Kube Framework只有一个CSS文件。它的美丽就源于它的简单。对开发人员拥有最大的灵活性和定制,并提供LESS文件。
官方网站:http://imperavi.com/kube/
15)Less Framework
Less Framework是一个现代化的前端框架,用于构建响应式的设计。它也是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版
官方网站:http://lessframework.com/
16)SkelJS
skelJS是一款轻量级的前端框架,用于构建响应式网站和app。
官方网站:http://skeljs.org/
猜你喜欢
- 2025-07-10 Twitch宣布放弃Flash并逐步转型至HTML5平台
- 2025-07-10 移动平台最强播放器MX Player:终于支持安卓5.0了!
- 2025-07-10 win10 NFS+黑群晖远程加载管理Windows文件夹(读写NTFS格式+高清播放器)
- 2025-07-10 Android端VLC 3.3版本发布,重新设计播放器界面
- 2025-07-10 不仅仅被苹果封杀!Youtube宣布迁移Flash
- 2025-07-10 揭开网站背后的魔法:B/S系统原来这么简单!
- 2025-07-10 Adobe Animate (An) 2020网页设计软件下载和安装教程
- 2025-07-10 Adobe发布“巨量”安全更新:遏制Flash“祸害”Linux
- 2025-07-10 Enghouse Networks 与德国 VoLTE/5G IMS 播放器 ng-voice 合作,提供 LTE 和 5G 组合语音产品
- 2025-07-10 Twitch:游戏直播将放弃Flash转用HTML5
- 最近发表
-
- 表格存储 SQL 查询多元索引(表格存储 sql 查询多元索引的方法)
- 数据库教程-SQL Server多条件模糊查询
- Twitch宣布放弃Flash并逐步转型至HTML5平台
- 移动平台最强播放器MX Player:终于支持安卓5.0了!
- win10 NFS+黑群晖远程加载管理Windows文件夹(读写NTFS格式+高清播放器)
- Android端VLC 3.3版本发布,重新设计播放器界面
- 不仅仅被苹果封杀!Youtube宣布迁移Flash
- 揭开网站背后的魔法:B/S系统原来这么简单!
- Adobe Animate (An) 2020网页设计软件下载和安装教程
- Adobe发布“巨量”安全更新:遏制Flash“祸害”Linux
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)