10个基本的HTML5框架

当谈到HTML5的框架,能提高网页的有效性和功能,手工编码不可能去实现,如果你不是一个HTM5专家。许多必要的附加组件,如响应式布局和多媒体增强功能的CSS3样式和jQuery脚本。

你可能有一个非常具体的工作,喜欢每次都从头开始,但事实是,框架可以加快你的开发过程,为你的每一个项目提供一个一致结构的附加组件。

这里有10个基本的HTML5框架,设计师arsenal现在将介绍HTML5的使用,将它融入到你的日常工作流程,对HTML5标准的关注,特殊的结构和易于使用的特点。

Alternatives

即使所有这些创新的选择,框架不确定。如果你喜欢视觉设计,但不喜欢参与发展方面的网站或应用程序设计,会有强大的在线应用程序,帮助你建立有效的HTML视觉网站,不用接触代码。

Introducing the New Wix HTML5 Website Builder

001

这不是你Flash Builder的网站!新的HTML5 Website Builder是一个打包的完全免费的在线工具,设计有效和丰富的HTML5网站,使用Visual拖放编辑器,给你一个完整的自由创意。它是非常容易掌握和广泛的,是一个动画和图形工具库,现在让你开始设计一个HTML5的网站。你可以设计你的布局和风格,范围从地面和添加HTML5的音频,视频和更多东西,不需要广泛的和长时间的手工编码,它就在这里。

新的HTML5 Website Builder将被于3月8日发布,旨在回答前端设计师的问题。你需要使用拖放界面的一个元素填充每一个页面,加上Canvas工具的原始相册,动画和音频和视频的支持。它可以用来建立Facebook页面和移动网站,是一个平面设计师的最佳选择。

Web框架

HTML5 Boilerplate

002

如果你创建基于HTML5的网页设计,这可以说是最重要的资源。如果你已经使用HTML5一段时间,那么你知道它有多复杂。自我描述为not-a-framework的HTML5标准,已经超过两年了,应用在大量的HTML5网站,主题和第二代框架,这个列表是其中的一小部分。在迭代开发超过三年,你最好记住这些名称:跨浏览器的标准化,性能优化,样式表,缓存,安全和最有效的语义,HTML5和CSS3的标记。

Download HTML5 Boilerplate

 

52 Framework

003

除了有效的HTML5标记建造,52 Framework是挤满了CSS3样式,为阴影,圆角和定制选定文本提供新的“选择”。所有目前支持的HTML5元素都在这里,包括HTML5表单元素和多媒体。提供特殊的脚本和样式,能够完美的支持IE6!为了帮助框架布局,甚至包括一个16列的网格模板。

View the Demo or Download

 

G5 Framework

004

G5拥有一切你需要快速网络和再利用的任何网站,主题或应用项目。它使用HTML5和CSS3,具有PHP活动课,旧的浏览器SEO优化和强大的回放。你得到一个坚实的好主意,CSS3饼图和按钮,Tipsy工具提示,显示模式和运动滑块等,只是一些模块已经集成其中。

Download G5 Framework

 

Kendo UI

005

Kendo UI是一个完整的框架和现代平台,建设交互式应用程序和网站。拥有超过10套用户界面组件,包括一个网格,图表,和复选框,Kendo提供客户端数据绑定框架,丰富的模板,动画,和拖放操作。Kendo UI采用了无缝的专业测试,支持HTML5工具箱和CSS3的特性。该框架支持Web,移动和应用程序的开发,不像大多数框架,带有一点和主题相关的标记。

View the Demos or Download

 

生成器

reFormed

006

这个简单的表单生成器可以帮助您创建有效的标记,将新的jQuery和PHP表单处理为平滑的程序。修改后使用HTML5 localStorage存储保存,所以不需要一个数据库。形式风格使用jQuery UI themeroller,所以很容易创建自己的自定义的themel,或如果您的网站已经使用jQuery UI,窗体会自动使用你网站的主题风格,一旦你设计和测试,你可以点击码的链接,提供未注册使用的形式存储。

Build Your Own

 

Initlializr

007

Initializr是一个HTML5模板生成器,由Jonathan Verrecchia创建,帮助你开始使用一种基于HTML5标准的Web项目。也产生简单,完全可定制的代码,只有你选择的功能,允许您添加一些在HTML5模板可用的模块。额外的功能包括:创建移动友好的设计respond.js,Chrome Frame和Adobe的跨域脚本。这是为那些想开发和微调项目一个很好选择。

Generate Your Own

 

移动设备

Lungo.js

008

Lungo是一个单一移动框架,是完全建立在HTML5和CSS3之上的,提供有效的标记,包括一个非常简单的API。它可以为你快速的设计应用,为iOS,Android,黑莓和webOS,捆绑了所有的现代特征,这些设备如滑动和点击,历史定位装置,支持大数据量的HTML5 Canvas和jQuery功能。这个版本的插件叫做Sugars,可以用额外的功能提升您的项目,像地理位置,定位或HTM5多媒体。作为奖励,我有一个矢量图形库的加速接口定制。

Learn More or Download

 

WordPress

H5

009

为了激发设计师走进HTML5的设计,Jeff Starr创建,H5主题模板加载你所需要的一切,能够创造美丽的HTML5主题。H5包括一套完整的主题文件和文件夹,每个文件已被精心制作成所有最新WordPress的功能。作为一个模板的主题,H5设计易于定制和提供个性化服务,为你的下一个html-5-based主题提供一个坚实的起点。是非常好有效的结构。这个框架的唯一缺点,是缺乏CSS3支持的浏览器和IE8之前版本。

Download H5 Framework

 

Brave New World

010

一个HTML5 WordPress框架,Brave New World,当谈到HTML5标准和结构。主题是免费的,布局和造型超出了修改版,内置Eric Meyer CSS重置和基线字体。它采用了HTML5,WAI-ARIA标志性角色和hCard微格式和H原子,它没有其他WordPress框架。最新版本兼容WordPress 3,它包含模板的基本设置。

Download

 

Reverie

011

结合HTML5的样板和基础力量,幻想是一个非常多才多艺HTML5的WordPress主题框架,创建的原型适用任何设备。遐想followshtml5样板标准,hnews微格式准备。具有SEO优化,响应包括WordPress的菜单和图像处理的定制输出,唯一的框架使用HTML5“图”元素。它甚至配备了bbPress和自定义网页模板支持。

Learn More or Download

 

原文: http://smashinghub.com/10-essential-html5-frameworks.htm