10个便利的HTML5/CSS3框架

2015-08-08html教程
40

来源:GBin1.com

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

1. HTML5boilerplate

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

10个便利的HTML5/CSS3框架 三联教程

源码 演示

2. The M project

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

分享10个便利的HTML5/CSS3框架

源码 演示

3. Gravity

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

分享10个便利的HTML5/CSS3框架

源码 演示

4. Popcorn.js

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

分享10个便利的HTML5/CSS3框架

源码 演示

5. Roots

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

分享10个便利的HTML5/CSS3框架

源码 演示

6. Baker 2.0

一个HTML5 ebook框架用来在ipad和iphone上使用web标准来发布内容。

分享10个便利的HTML5/CSS3框架

源码 演示

7. CSS3-action-framework

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

分享10个便利的HTML5/CSS3框架

源码 演示

8. 52frarmework

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

分享10个便利的HTML5/CSS3框架

源码 演示

9.  G5 Framework

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

分享10个便利的HTML5/CSS3框架

源码 演示

10. Inuit.CSS

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

分享10个便利的HTML5/CSS3框架

源码 演示

The End

相关推荐

layui根据经纬度在弹出层中显示具体位置
我们要实现在layui根据经纬度在弹出层中显示具体位置,具体要怎么操作呢? 1、首先你需要引入百度地图的js,这个ak我们去百度地图开发者平台申请,一定要申请浏览器版的ak. script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0ak=你的ak...
2024-10-24 html教程
152

layui table筛选列实现记忆功能,刷新不丢失
layui table给前端的table字段很多,一两百个,但是每个人关注的字段不同,有些人会设置这个defaultToolbar中的列字段,但是每次进去页面都得重新设置,很麻烦。 想法是,defaultToolbar的filter这个功能中,用户自定义显示列时保存起来,下次进入页面默认加...
2024-10-21 html教程
119

layui表格渲染templet解析单元格的问题
在解析单元格的时候自定义列为这样: {field: 'tpye', title: '所属类别', align:"center",templet:'#typeBar'} 我们通常这样简单的解析像这样也没什么毛病: script type="text/html" id="typeBar" {{# if(d.tpye == 1){ }} 系统优化 {{# }else if(d.tpye==2...
2024-10-21 html教程
166

html表单标签详细介绍以及实例代码
表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下: 1、form标签 定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式,一般有get方式和post方式 2、label标签 为表单元素定义文字标注 fo...
2024-10-16 html教程
85

Js正则表达式过滤特殊字符、表情
Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]...
2022-10-14 html教程
594

让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用...
2017-04-15 html教程
586