[整理]html5 WebApp 01

在正式進入WebApp開發以前，有幾個問題要解決：
1.我是產品策劃：UI風格，功能設計，產品預期效果（如訪問量等各種指標）
2.我是UI設計：圖片圖標製做，我該按怎樣的大小來設計？
3.我是前端開發：CSS，JS，還得切圖
4.我是服務端開發：頁面html模板，圖片響應式解決服務端方案
5.我是DBA：我只關心數據層面的東西
6.我是測試人員：各類變態測試
7.我是運營人員：系統是是否穩定，網絡環境和硬件設施是否禁得起平常變態狀況的考驗
8.我是老闆：對投入的人力物力成本最終把控，關心收益，能賺多少？php

App UI設計和佈局

十個經典的移動APP UI設計模式
 移動APP UI|視覺中國
 移動APP切圖信息圖：iOS界面設計切圖指南
 iPhone6 Plus、iPhone六、iPhone5S和以前版本真實分辨率
 Android尺寸標註設計大全和Android切圖規範
 ios-app設計一稿支持iphone5iphone6plus設計流程
 關於 iPhone6 Plus 適配的切圖問題
 教你iOS APP設計一稿支持iPhone5/iPhone6/Plus
iPhone界面尺寸css

移動應用原型工具

圖像處理基礎知識

高清顯示屏原理及設計方案
 WebApp 圖片顯示模糊解決方案
 區分DPI、分辨率(PPI)、圖像的物理大小、像素寬度
 Android 中，應用程序須要的圖片資源如何針對不一樣屏幕大小手機設計？
移動端webapp如何應對不一樣屏幕尺寸
 一張圖解釋手機端8px原理
 iphone分辨率終極指南(含iphone6/6+)
詳解iPhone6分辨率與適配技巧
 一切爲了程序猿！詳析手機端的8px原理
 APP適配IOS8，iPhone6和Plus截圖簡要說明
 全球最流行的手機型號、屏幕尺寸及分辨率
 移動平臺開發必須知道的meta標籤前端

術語	iphone4
英寸	3.5
物理像素	320*480
獨立像素	320
分辨率

響應式

響應式十日談第一日html5

模擬器

Firefox OS 模擬器---手機模擬器
 安卓模擬器
xcodeandroid

優化移動體驗的HTML5技巧
 Ratchet：構建移動應用原型，新版支持Android
移動開發者必須瞭解的10大跨平臺工具ios

http://www.25xt.com/allcode/5338.html
http://www.ui.cn/project.php?id=26980
http://www.25xt.com/appdesign/7086.html
zepto.jsweb

一、jsp就不用了
二、html5與開發平臺無關，記事本也行
三、與日常網站同樣的發佈，手機就能夠訪問，手機網站通常域名爲：m.xxx.com
如：m.dell-brand.comsegmentfault

四、注意一下：
1）html上加入
發確保網頁的效果
2）加上如下語句可以使網頁在蘋果設備上運行更好

3）加入這句話能夠定義iphone的添加到主屏幕的圖標
設計模式