最近關于webAPP很火，差不多很多公司開始制作自己的webAPP啦。一談到webAPP，大家就會想到用html5+CSS+js來實現。到底如何來制作？html5模版網(m.suosuyi.cn)小編還沒有找到比較合適的用html5+css3開發webAPP項目教材。
這里分享了一個《網易微博Web App開發過程》但是這個過程的重點不是在于開發過程，還是開發Web App的項目大體步驟和人員搭配等。
所以，html5模版網(m.suosuyi.cn)打算利用這幾個月的時間來鉆研下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應用程序?！禜TML5移動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。