HTML5/CSS3的开发框架:实用HTML5和CSS3框架

文章简介:所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧!

所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧!希望你们喜欢!

1.HTML5boilerplate
H5BP带给你非常漂亮的文档,一个网站优化的编译脚本,还有一个自定义的boilerplate编译器。除此之外,我们还支持lighttd,Google App Engine和NodeJS以及优化的服务器配置(包括Apache,Nginx,和IIS),并且已经把boilerplate的大小减少了50%。

 

源码 演示

2.The M project
跨平台的手机开发HTML5 javascript框架。特性包括:MVC HTML5,Javascript-所有的开发周期,离线支持(自动缓存),富客户端UI,本地和远程数据支持并且远程存储,国际化(i18n),开源(MIT license),基于NodeJS的编译工具(叫做Espresso)。

 

源码 演示

3.Gravity
一个基于SASS的框架用于创建功能强大的,易于管理的HTML5网站。能够帮助你快速的创建你创意的原型,并且能让你的开发更简单。

 

源码 演示

4.Popcorn.js
一个HTML5视频的事件框架,提供一个简单的API来同步互动和身临其境的内容。Popcorn.js使用本地本地HTMLMediaElement属性,方法和事件。转化成一个简单实用的API,并且提供了一个插件系统用于方便社区开发。

 

源码 演示

5.Roots
一个基于HTML5 boilerplate开发的wordpress主题,blueprint CSS(或者960.gs)和Starkers,能够帮助你快速在创建博客和文字站点。

 

源码 演示

6.Baker 2.0
一个HTML5 ebook框架用来在ipad和iphone上使用Web标准来发布内容。

 

源码 演示

7.CSS3-action-framework
CSS3的类库用于收集最好的CSS3效果。现在支持CSS3的浏览器正在增加;CSS3在许多案例都可以像javascript一样使用,提供更好的用户体验

 

源码 演示

8.52frarmework
第一个用enavu network开发的HTML5/CSS3框架

 

源码 演示

9.G5 Framework
基于F布局。特性包括:CSS&SEO,PHP active class, HTML5 placeholder fallback,粘合的页脚,HTML5基线,光滑的滚动到顶端和非常干净的组织。

 

源码 演示

10.Inuit.CSS
由Harry Roberts创建。这个框架用于使用较少的代码实现稍小的屏幕。支持IE6+。

 

源码 演示

时间: 2024-07-31 08:06:37

HTML5/CSS3的开发框架:实用HTML5和CSS3框架的相关文章

《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 1.5 CSS3及其他

1.5 CSS3及其他 正如HTML5对应HTML4.01一样,CSS3对应的是CSS2.1.CSS3是对一些现有CSS2.1功能进行标准化的进化迭代:因为在不同浏览器中,这些功能的执行会略有差异.另外,在这个网络发展的新时代,网络浏览器可以被嵌入任何设备,所以CSS3还引入了一套全新的功能,使得CSS能符合新时代的要求. 改造浏览器的第一类CSS3功能在很大程度上是视觉效果上的,并且,这些功能基于开发人员已经使用多年的编辑程序:使用任何来源的字体.圆角,并在文本和框上放置阴影.登录之后是一系列

CSS3实例资源收集:11个CSS3开发实用工具

文章简介:11 个让你更好进行CSS3开发的实用工具/资源. 层叠样式表是用来描述表达语义或者是一种标记语言编写的文档中的外观和格式的一种样式语言,这种标记语言也可以是HTML,也可以在XML文档中使用.CSS3被分成几个独立的文件成为模块,每个模块还具有不同的扩展功能,此外,不同的模块有不同的稳定性和状态. 1) proCSSor 2) Code Beautifier 3) Styleneat CSS3 速查表 4) css-3-cheat-sheet 5) css3_color_names

HTML5漫谈(3)--HTML5发展需解决的8个问题

大家对HTML5期望很高,希望它继承Web应用开发简单.部署升级方便.可以跨平台,又能像本地应用那样功能强大,操作体验简便友好.我也在上篇"HTML5为什么这样红"中颠来倒去地讲HTML5如何的天生丽质.为何倾国倾城.然而,要达到大家的期望值,HTML5需要还需要做不少工作. 看来,天将降大任于HTML5也,少不了苦其心志.劳其筋骨.饿其体肤.空乏其身... 下面我们就聊聊HTML5技术相对于业务需求,目前存在的一些不足或者说可能制约HTML5业务发展的一些问题.当然,这些不足或问题,

android webview加载HTML5网站,监听HTML5视频播放?

问题描述 android webview加载HTML5网站,监听HTML5视频播放? 如题:在android盒子上面自己做了一个apk,布局是一个webview和一个SurfaceView, webview加载一个HTML网站网站代码为: <!DOCTYPE HTML> your browser does not support the video tag 里面播放的是一个avi格式的视频,视频可以播放. 我现在因为要修改视频输出的声道设置,本人有SDK源码,源码的Mediaplayer有设置

架构师需把HTML5安全排首位之HTML5安全问题集锦

新的性能同时也意味着新的挑战,网络开发人员和管理员需要将HTML5安全性视为重中之重的问题.498)this.width=498;' onmousewheel = 'javascript:return big(this)' border="0" alt="架构师需把HTML5安全排首位:HTML5安全问题集锦" width="466" height="263" src="http://s5.51cto.com/wyf

非常实用的js验证框架实现源码 附原理方法_javascript技巧

本文为大家分享一个很实用的js验证框架实现源码,供大家参考,具体内容如下 关键方法和原理: function check(thisInput) 方法中的 if (!eval(scriptCode)) { return false; } 调用示例: 复制代码 代码如下: <input type="text" class="text_field percentCheck" name="progress_payment_two" id="

Winform开发框架之插件化应用框架实现

支持插件化应用的开发框架能给程序带来无穷的生命力,也是目前很多系统.程序追求的重要方向之一,插件化的模块,在遵循一定的接口标准的基础上,可以实现快速集成,也就是所谓的热插拔操作,可以无限对已经开发好系统进行扩展,而且不会影响已有的功能,不在需要的模块,通过修改配置移除即可.我的Winform开发框架一直以来,来源于多年的项目积累以及客户的反馈,已经具备了众多很好的特性以及相关的模块组合,为了更好拥抱变化,提高基于Winform开发框架基础上开发新系统的效率,以及为框架融入更多好的特性,故此把我的

HTML5和css3实例:制作HTML5验证的网页表单

文章简介:今天我们一起来看看如何创建一个实用并且功能强大的表单,表单使用如今最热门的技术HTML5和css3来创建,并且可以通过HTML5进行客户端验证. 今天我们一起来看看如何创建一个实用并且功能强大的表单,表单使用如今最热门的技术HTML5和css3来创建,并且可以通过HTML5进行客户端验证. 查看预览下载附件 第一步:策划表单功能 首先,我们得为我们的表单策划一下该有什么功能,用什么形式表现.在这个示例中,我们就制作一个比较简单的留言表单.需要的功能如下: 名称 电子邮件 网站地址 提交

01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 文档申明 <!--文档类型申明,html代表是html5的文档类型--> <!DOCTYPE html> 字符编码(UTF-8) <!--字符编码,charset="utf-8"--> <meta charset="utf-8" />   版本兼容 1.省略引号: 当属性值不包