用html5+css3开发webAPP项目基础知识介绍

最近关于webAPP很火，差不多很多公司开始制作自己的webAPP啦。一谈到webAPP，大家就会想到用html5+CSS+js来实现。到底如何来制作？html5模版网(www.html5code.net)小编还没有找到比较合适的用html5+css3开发webAPP项目教材。

这里分享了一个《网易微博Web App开发过程》但是这个过程的重点不是在于开发过程，还是开发Web App的项目大体步骤和人员搭配等。

所以，html5模版网(www.html5code.net)打算利用这几个月的时间来钻研下webAPP的详细制作过程，并与大家分享！

 

第一部分：用Html5+css3开发webapp的优势

1、跨平台 2、语义化更好 3、性能更优Android/iOS/windowsphone都对html5和css3提供了良好的支持。

2、引入渐变、圆角、阴影、半透明等新特性,为用户创建更轻量的页面和更丰富的体验。带来更好的网页的连通性、可搜索性、可操作性等Webview所用到的部分css3属性介绍box-flex、rgba、border-radius、border-image、box-shadow、text-shadow、multiplebackgrounds、background-size、gradient样式呈现使用css3属性可以生成内外阴影，透明度，渐变色，圆角等效果，而以往这些只能用图片来实现的。选择器css3增加了更多的CSS选择器，让选择元素变得越来越简，实现更简单但是更强大的功能。

3、学会利用html5的某些元素实现跨平台的效果。如HTML5 Canvas实现Loading加载动画。

 

第二部分：webapp的三大常用移动开发框架。

1、sencha touch

2、jquery moblie

3、PhoneGap

其他基于html5、css3开发的webapp 框架还有很多啊，比如Jingle UI，Mobello，Lungo.JS，appMobi等等。

 

第三部分：开发WebApp相应书籍推荐

1、Beginning iPhone and iPad Web Apps

2、Pro HTML5 and CSS3 Design Patterns

3、HTML5移动Web开发指南