用html5+css3開發(fā)webAPP項目基礎知識分享

1、用html5+css3開發(fā)webapp項目基礎知識分享第一部分：用html5+css3開發(fā)webapp的優(yōu)勢1、跨平臺 2、語義化更好 3、性能更優(yōu)android/ios/windowsphone都對html5和css3提供了良好的支持。2、引入漸變、圓角、陰影、半透亮等新特性，為用戶創(chuàng)建更輕量的頁面和更豐盛的體驗。帶來更好的網(wǎng)頁的連通性、可搜尋性、可操作性等webview所用到的部分css3屬性介紹box-flex、rgba、border-radius、border-image、box-shadow、text-shadow、multiplebackgrounds、background-siz

2、e、gradient樣式展現(xiàn)用法css3屬性可以生成內(nèi)外陰影，透亮度，漸變色，圓角等效果，而以往這些只能用來實現(xiàn)的。挑選器css3增強了更多的css挑選器，讓挑選元素變得越來越簡，實現(xiàn)更容易但是更強大的功能。3、學會利用html5的某些元素實現(xiàn)跨平臺的效果。如html5 canvas實現(xiàn)loading加載動畫。其次部分：webapp的三大常用移動開發(fā)框架。1、sencha touch2、jquery moblie3、phonegap其他基于html5、css3開發(fā)的webapp 框架還有無數(shù)啊，比如jingle ui，mobello，lungo.js，appmobi等等。第三部分：開發(fā)weba

3、pp相應書籍推舉1、beginning iphone and ipad web apps2、pro html5 and css3 design patterns3、html5移動web開發(fā)指南html5移動web開發(fā)指南主要圍繞html5技術(shù)，敘述如何利用html5相關(guān)技術(shù)開發(fā)移動web網(wǎng)站和web app應用程序。html5移動web開發(fā)指南共分為四大部分，第一部分主要敘述web技術(shù)的進展及html5標準在移動web技術(shù)中的應用；其次部 分主要介紹html5的新功能和新特性如何在移動設備掃瞄器中用法及相關(guān)展望；第三部分主要介紹目前比較流行的兩套javascript移動開發(fā)框架 jquery mobile、sencha touch，以及phonegap，并配備豐盛的例子作為實踐；第四部分主要結(jié)合sencha touch框架庫和html5技術(shù)構(gòu)建舉行講解，旨在協(xié)助讀者將html5技術(shù)運用于實踐之中。4、html5秘籍html5秘籍共包括四個部分，共12章。第一部分介紹了html5的進展歷程，利用html5重新構(gòu)造網(wǎng)頁，以及html5的語義元素。其次部分介 紹了html5對傳統(tǒng)web表單的翻新、html5中的音頻與視頻、canvas繪圖技術(shù)、css3等內(nèi)容。第三部分介紹了數(shù)據(jù)存儲、離線應用、與web 服務器通信，以及html5與