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

2016-02-17 02:32 7 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - 平面设计 】

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

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示

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

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

源码 演示
 

来源:http://www.tulaoshi.com/n/20160217/1577678.html

延伸阅读
HTML5和CSS3热潮正横扫网络,从事互联网行业,特别是前端工作者,大家或多或少都有了解、学习和使用,HTML5和CSS3包含丰富的技术内容,在每周的技术分享交流会中,页面构建工程师@Sunshine珍兒 同学,从三个特别的角度出发,配合丰富的实例,概括了HTML5与CSS3对页面工作带来的息息相关的变化和精彩。 一、我们担心苦恼的那么事儿 1.1 对...
标签: Web开发
终究CSS3 和 HTML5 的组合会成为下一个Web标准,而且越来越多的浏览器开始支持更多的新属性,Firefox 3.5.3就给我们 带来了很多的惊喜,相信在以后也会。 是一个简单实用的在线应用,帮助我们检测使用的浏览器版本是否支持CSS3 和 HTML5,支持哪些属性。 让我们来看下当前 各种不同的浏览器对CSS3 和 HTML5的支持状况 吧。 排名第一的是Saf...
今天我们一起来看看如何创建一个实用并且功能强大的表单,表单使用如今最热门的技术HTML5和css3来创建,并且可以通过HTML5进行客户端验证。 查看预览 第一步:策划表单功能 首先,我们得为我们的表单策划一下该有什么功能,用什么形式表现。在这个示例中,我们就制作一个比较简单的留言表单。需要的功能如下: 名称 电子邮件 网站地址 提...
标签: Web开发
CSS3与HTML5的推出,也让各种浏览器的兼容性成了许多设计师关心的问题,本文以表格形式排列了目前 主流浏览器对于CSS3与HTML5支持情况 。 支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各...
标签: Web开发
很久没写过技术文章了,最近一直在以Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅。   当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 HTML5出现后,我们有一个更好的方法。  代码如下: input type="text" placeholde...

经验教程

616

收藏

74
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部