html5前端框架

本文由PHP100中文网编译

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是一个用于创建响应式站点和应用的轻量级前端框架。

P.s. PHP100开始了第2期#话题讨论#活动,第2期的主题是“程序员面试经验分享,小伙伴们可以说说你的面试经历,遇到的各种面试题等等,期待你的参与~

原文:http://webdesignlike.com/2015/best-free-responsive-html5-frameworks/
译文:http://www.php100.com/html/dujia/2015/0317/8803.html
(翻译:PHP100_Zeroing)

时间: 2025-01-04 15:05:30

html5前端框架的相关文章

10大html5前端框架

Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气.自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长.结果受到周围各 种基友的引诱开始了 Bootstrap 旅程.本人虽然是个设计+前端的万里有一的人才,但是老天只让我会用 PS 和各种设计工具却不给我跟设计妹子一样的审美,所以这也是我最初选择 Bootstrap 的原因之一,它让我做出来的东西好歹能在妹子面前装个逼,不过时间

HTML5前端框架Amaze UI全面开源

近日,国内首个开源 HTML 5 跨屏前端框架 Amaze UI 开放下载体验. Amaze UI 是一个针对 HTML 5 开发的轻量级.模块化.移动优先的跨屏前端框架,通过拆分.封装了一些常用的网页组件,比如轮播图框.文字框等等组件,让前端开发者只用复制代码便可以将这些跨屏的组件写入自己的网页中,而不需要自己在开发的过程中重写一遍. 该框架的特点是 mobilefirst,解决 Web 应用从 PC 向多屏适配的问题,兼容国内主流浏览器和平台,并且专注解决中文排版优化问题,受到不少国内前端开

2015 年开源前端框架盘点 TOP 20

1.名称:Bootstrap 类别/语言:HTML.CSS.JavaScript 创建者: Twitter 人气:在Github上有91007 stars 描述:主流框架中毋庸置疑的老大,Bootstrap 是基于 HTML.CSS.JavaScript 的,它简洁灵活,使得 Web 开发更加快捷. 核心概念/原则: RWD 和移动优先制. 浏览器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8) 响应式: Yes 模块化: Ye

15个最好的HTML5前端响应式框架(2014)

文中的多个框架基于SASS创建,SCSS是一种比LESS更简洁的样式表编程语言,它可以编绎成CSS,可复用CSS代码,声明变量,甚至是函数,类Ruby/Python的语法,参见: LESS vs SASS?选择哪种CSS样式编程语言? 最好的HTML5框架一般也是最流行的,使用这些框架可以极大地减少你的工作量,节约你的时间. HTML5有非常有用和令人意想不到的功能,但也有少数浏览器并不支持HTML5,因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持.这些HTML5的框架有很多,大多支

云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI

云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商.云适配所采用的技术是一项基于云计算.利用html5进行网站跨屏适配,它为目标网站开发一行JS代码,并嵌入PC网站,这个JS代码通过对PC网站目标网页数据的分析和抓取,在云端完成用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排及CSS的重新渲染,以适应移动端用户的浏览习惯. 在他们用一行代码做适配的过程中,积累了一套跨屏的前端常用网页组件,而最近,他们想把这套组件开源出来,将这套组件

目前几款基于html5的前端框架:如Bootstrap、Foundation、Semantic UI 、Amaze UI

Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS 和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示,其核心就是基于Less框 架构建的CSS.Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟 的,也是其最受欢迎的条件之一. Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最

Web前端,HTML5开发,前端资源,前端网址,前端博客,前端框架整理 - 转

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 - 转 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS

前端框架相关

WebMIS 基于CI的PHP免费开源框架 http://www.ksphp.com/docs/WebMIS/other_chart.html Bootstrap 简洁.直观.强悍的前端开发框架,让web开发更迅速.简单. http://www.bootcss.com/ 前端开发框架对比 http://www.ibm.com/developerworks/cn/web/1404_wangfx_jsframeworks/ H-ui概述 - H-ui前端框架官方网站 http://www.h-ui.

闲话js前端框架(2)——庞大的angularjs

闲话js前端框架 前端人员=美工+设计+代码+测试 --题记 专题文章: 一.从avalonjs的模板说起 二.庞大的angularjs 三.再也不想碰DOM 四.组件化?有没有后端的事? 五.再看自己一年前设计的微型渲染引擎 六.在浏览器标准上做文章 七.抛开浏览器,构建应用容器 八.为何Flash.银光和Java都在网页端一蹶不振 本文属 西风逍遥游 原创, 转载请注明出处: 西风世界 http://blog.csdn.net/xfxyy_sxfancy 二.庞大的angularjs Ang