用html5+css3开发webAPP项目基础知识分享

用html5+css3开发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开发指南
 
  《HTML5移动Web开发指南》主要围绕html5技术,讲述如何利用html5相关技术开发移动web网站和web app应用程序。《HTML5移动Web开发指南》共分为四大部分,第一部分主要讲述web技术的发展及html5标准在移动web技术中的应用;第二部 分主要介绍html5的新功能和新特性如何在移动设备浏览器中使用及相关展望;第三部分主要介绍目前比较流行的两套javascript移动开发框架 jquery mobile、sencha touch,以及phonegap,并配备丰富的例子作为实践;第四部分主要结合sencha touch框架库和html5技术构建进行讲解,旨在帮助读者将html5技术运用于实践之中。
 
  4、HTML5秘籍
 
  《HTML5秘籍》共包括四个部分,共12章。第一部分介绍了html5的发展历程,利用html5重新构造网页,以及html5的语义元素。第二部分介 绍了html5对传统web表单的翻新、html5中的音频与视频、canvas绘图技术、css3等内容。第三部分介绍了数据存储、离线应用、与web 服务器通信,以及html5与javascript技术的强大结合等内容。第四部分为附录,简单介绍了css和javascript。

推荐阅读