http://www.iteye.com/topic/1137820
HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码。如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计、跨浏览器兼容、相对轻量级等特点,这些框架在开发中都十分流行。如果你也对HTML5框架感兴趣,你可以看看下面我列出的一些最佳的响应式HTML5框架,帮助你快速开发网站。
1. Twitter Bootstrap
Bootstrap来自Twitter,是目前最受欢迎的前端框架,它简洁灵活,使得Web开发更加方便快捷。它有着优雅的HTMCSS规范,以及构建响应式网站的基本的组件,例如12列栅格布局、jQuery插件、Bootstrap控件等等。
2. HTML5 Boilerplate
HTML5 Boilerplate的核心是用于帮助开发HTML5站点和应用程序的组件,它有着出色的性能和独立性,帮助你开始一个新的项目。
3. Foundation
Foundation一款非常先进的前端框架,易用、强大而且灵活,可用于构建基于任何设备上的 Web应用,提供多种Web上的UI组件,如表单、按钮、Tabs 等等。
4. Ulkit
Ulkit是一个轻量级、模块化的前端框架,帮助开发出快速、强大的Web接口,它有着全面的HTML、CSS和JS集合,易于使用和扩展。
5. HTML5 KickStart
HTML5 KickStart集合了HTML5、CSS和JS,帮助开发人员快速开发Web产品,它覆盖了所有的UI组件,同时也包含一些有用的JS插件。
6. Gumby
Gumby 2基于Sass开发,是一款出色的响应式CSS框架,它包括一个Web UI工具包,有好看按钮,表格,导航、标签、JS插件等。
7. Skeleton
Skeleton有着简单、界面友好的特点,有一系列CSS和JS文件的集合,它可以帮你快速地调整网页在不同分辨率下的显示效果,可以优雅地等比例缩放桌面、平板、手机上的浏览尺寸。
8. Groundwork
Groundwork是一个响应式的HTML5,CSS和JavaScript框架,是基于Sass预处理器的开源项目。Groundwork 提供多种UI组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等,可以创建适应多种浏览设备的布局。
9. Base
Base是一款系统化的、轻量级且易于扩展的框架,帮助你创建更强大的响应式网站。
10. Montage
Montage用于创建现代的Web应用,可以在客户端建立丰富的用户界面,并使用面向服务的后端处理数据。它有着出色的特性,例如复用组件和HTML模板,使用声明式的组件模型和声明式的数据绑定等等。
11. Layers CSS
Layers CSS是一款轻量级的CSS框架,它集中处理了主要的样式结构,支持响应式布局。
12. 52Framework
52Framework是一个Web开发框架,它能实现HTML5和CSS3。它是一个跨浏览器的框架,可以在所有主流的浏览器上运行。它集合了很多优秀的组件,比如HTML5视频播放器、HTML5 canvas、HTML5认证表单等。
13. CreateJS
CreateJS是一套模块库和工具,丰富了网站的交互性内容。它有着对象管理、tweening等特征。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。
14. Kube
Kube足够的简单,足够小,具有很强的自适应能力,是响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版,没有任何样式绑定,给用户以绝对的自由。
15. Less Framework
Less Framework是一个现代的前端框架。它是一个CSS网格系统,用来设计自适应网页,包括4个布局和3套字体预设置,所有都是基于单个网格的。
16. SkelJS
Skel.js是一个用于创建响应式站点和应用的轻量级前端框架。
分享到:
相关推荐
响应式布局常用的3种技术: 弹性布局,媒体查询,窗口
互相学习
响应式css+兼容手机+平板+电脑PC 拼图跨屏响应式布局前端开发CSS框架-综合示例
试用angularJS框架和bootstrap 前端框架实现响应式布局 .试用本地localStore保存数据
基于python flask框架构建的前后端分离,房屋租赁系统全栈项目,采用RESTful风格,使用bootstrap响应式布局,可用于本科毕业设计,课程设计作业等 使用flask框架RESTful风格快速搭建。 一个互联网租房项目,前端使用...
vue3项目框架,包含响应式布局
但其实总结下来如何使用响应式布局就几个步骤: 第一,在第一个div设置一个布局类 ,通常我只使用两个类,分别是:layui-container和layui-fluid。 layui-container//此类能在小屏幕以上的设备中固定宽
它融入了css3技术,以及响应式布局,12列栅格系统,视差滚动等效果。它提供一个可靠的css基础去创建你的项 目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。你...
这些HTML5的框架有很多,大多支持响应式布局,干净的代码,跨浏览器兼容,内置按钮等等这些设计师常常使用的功能。同的这些HTML5框架将帮助你更加容易地构建任务。包括支持javascirpt和jQuery插件的HTML5的框架,...
利用Bootstrap框架制作Bootstrap中文网首页(响应式布局)
bootstrap html5响应式后台框架模板源码,一款后台模板源码,核心基于HTML5/CSS3,自带一些例子,界面采用了左右两栏式布局,集成了一些可以重新组合的UI组件,以及一些jQuery插件,可广泛应用于Web程序,如网站管理...
FreeNG是一款完全响应式的前端UI框架,它采用了主流的左右两栏式布局,使用了Html5 CSS3 Angular2( 4)等流行的前端技术,同时提供了诸多强大的可以重新组合的UI组件,门槛极低,拿来即用。
vue响应式布局资源库
响应式网页设计利用同样的HTML文档来适配所有的终端设备,响应式网页设计会根据设备屏幕的大小加载不同的样式,从而在不同的终端设备上呈现最优的网页布局。有需要的朋友可以下载看看。 资源截图: 资源太大,传...
该案例素材为博客《与移动开发----移动web开发----响应式布局+boostrap框架介绍(内附响应式布局案例---微金所)》服务
基于pythonflaskweb框架的全栈项目,前端重新设计,写博客功能完全支持Markdown所有特性,响应式布局
响应式布局代码讲解,web开放框架介绍,让你初步了解响应式。
响应式布局哈 手机上也可以正常显示呢! 好了 需要定制其他题目的朋友可以联系我们 实体信息如下: 学生:学号,所在班级,姓名,性别,学生照片,出生日期,政治面貌,联系电话,籍贯,家庭地址 班级:班级编号,...