最近關(guān)于webAPP很火，差不多很多公司開始制作自己的webAPP啦。一談到webAPP，大家就會想到用html5+CSS+js來實現(xiàn)。到底如何來制作？html5模版網(wǎng)(m.suosuyi.cn)小編還沒有找到比較合適的用html5+css3開發(fā)webAPP項目教材。
這里分享了一個《網(wǎng)易微博Web App開發(fā)過程》但是這個過程的重點不是在于開發(fā)過程，還是開發(fā)Web App的項目大體步驟和人員搭配等。
所以，html5模版網(wǎng)(m.suosuyi.cn)打算利用這幾個月的時間來鉆研下webAPP的詳細(xì)制作過程，并與大家分享！
第一部分：用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-size、gradient樣式呈現(xiàn)使用css3屬性可以生成內(nèi)外陰影，透明度，漸變色，圓角等效果，而以往這些只能用圖片來實現(xiàn)的。選擇器css3增加了更多的CSS選擇器，讓選擇元素變得越來越簡，實現(xiàn)更簡單但是更強(qiáng)大的功能。
3、學(xué)會利用html5的某些元素實現(xiàn)跨平臺的效果。如HTML5 Canvas實現(xiàn)Loading加載動畫。
第二部分：webapp的三大常用移動開發(fā)框架。
1、sencha touch
2、jquery moblie
3、PhoneGap
其他基于html5、css3開發(fā)的webapp 框架還有很多啊，比如Jingle UI，Mobello，Lungo.JS，appMobi等等。
第三部分：開發(fā)WebApp相應(yīng)書籍推薦
1、Beginning iPhone and iPad Web Apps
2、Pro HTML5 and CSS3 Design Patterns
3、HTML5移動Web開發(fā)指南
《HTML5移動Web開發(fā)指南》主要圍繞html5技術(shù)，講述如何利用html5相關(guān)技術(shù)開發(fā)移動web網(wǎng)站和web app應(yīng)用程序。《HTML5移動Web開發(fā)指南》共分為四大部分，第一部分主要講述web技術(shù)的發(fā)展及html5標(biāo)準(zhǔn)在移動web技術(shù)中的應(yīng)用；第二部 分主要介紹html5的新功能和新特性如何在移動設(shè)備瀏覽器中使用及相關(guān)展望；第三部分主要介紹目前比較流行的兩套javascript移動開發(fā)框架 jquery mobile、sencha touch，以及phonegap，并配備豐富的例子作為實踐；第四部分主要結(jié)合sencha touch框架庫和html5技術(shù)構(gòu)建進(jìn)行講解，旨在幫助讀者將html5技術(shù)運用于實踐之中。
4、HTML5秘籍
《HTML5秘籍》共包括四個部分，共12章。第一部分介紹了html5的發(fā)展歷程，利用html5重新構(gòu)造網(wǎng)頁，以及html5的語義元素。第二部分介 紹了html5對傳統(tǒng)web表單的翻新、html5中的音頻與視頻、canvas繪圖技術(shù)、css3等內(nèi)容。第三部分介紹了數(shù)據(jù)存儲、離線應(yīng)用、與web 服務(wù)器通信，以及html5與javascript技術(shù)的強(qiáng)大結(jié)合等內(nèi)容。第四部分為附錄，簡單介紹了css和javascript。