位置:设计主页 > 网站制作 > HTML教程 >

分享16个最佳响应式HTML5框架分享

来源:设计前沿收集 作者:PHP100_Zeroing 时间:2015-04-20 09:00
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是一个用于创建响应式站点和应用的轻量级前端框架。



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)