在正式进入WebApp开发之前，有几个问题要解决：
1.我是产品策划：UI风格，功能设计，产品预期效果（如访问量等各类指标）
2.我是UI设计：图片图标制作，我该按怎样的大小来设计？
3.我是前端开发：CSS，JS，还得切图
4.我是服务端开发：页面html模板，图片响应式解决服务端方案
5.我是DBA：我只关心数据层面的东西
6.我是测试人员：各种变态测试
7.我是运营人员：系统是是否稳定，网络环境和硬件设施是否禁得起日常变态情况的考验
8.我是老板：对投入的人力物力成本最终把控，关心收益，能赚多少？

App UI设计和布局

十个经典的移动APP UI设计模式
移动APP UI|视觉中国
移动APP切图信息图：iOS界面设计切图指南
iPhone6 Plus、iPhone6、iPhone5S和之前版本真实分辨率
Android尺寸标注设计大全和Android切图规范
ios-app设计一稿支持iphone5iphone6plus设计流程
关于 iPhone6 Plus 适配的切图问题
教你iOS APP设计一稿支持iPhone5/iPhone6/Plus
iPhone界面尺寸

移动应用原型工具

移动应用原型工具
在线原型工具
推荐移动UI/UX设计师和PM使用的原型工具
最好用的在线App原型设计工具推荐-墨刀
20款优秀的移动产品原型和线框图设计工具
iPhone 6/iPhone 6plus以及Android手机手工草图模板PDF下载
iPhone6和iPhone6 plus的iOS8设计尺寸参考指南

图像处理基础知识

高清显示屏原理及设计方案
WebApp 图片显示模糊解决方案
区分DPI、分辨率(PPI)、图像的物理大小、像素宽度
Android 中，应用程序需要的图片资源如何针对不同屏幕大小手机设计？
移动端webapp如何应对不同屏幕尺寸
一张图解释手机端8px原理
iphone分辨率终极指南(含iphone6/6+)
详解iPhone6分辨率与适配技巧
一切为了程序猿！详析手机端的8px原理
APP适配IOS8，iPhone6和Plus截图简要说明
全球最流行的手机型号、屏幕尺寸及分辨率
移动平台开发必须知道的meta标签

术语 iphone4
英寸 3.5
物理像素 320*480
独立像素 320
分辨率

响应式

响应式十日谈第一日

模拟器

Firefox OS 模拟器---手机模拟器
安卓模拟器
xcode

优化移动体验的HTML5技巧
Ratchet：构建移动应用原型，新版支持Android
移动开发者必须了解的10大跨平台工具

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

1、jsp就不用了
2、html5与开发平台无关，记事本也行
3、与平常网站一样的发布，手机就可以访问，手机网站一般域名为：m.xxx.com
如：m.dell-brand.com

4、注意一下：
1）html上加入
发确保网页的效果
2）加上以下语句可使网页在苹果设备上运行更好

3）加入这句话可以定义iphone的添加到主屏幕的图标

[整理]html5 WebApp 01的更多相关文章

  1. html5 webApp常用Meta标签

    Html5 webApp常用Meta标签 <meta charset="UTF-8"> <meta name="viewport" conte ...

  2. HTML5 webapp框架

    1.Sencha Touch 注:jQTouch主要用于手机上的web Kit浏览器上实现一些包括动画.列表导航.默认应用样式等各种常见UI效果的 JavaScript 库.支持包括 iPhone.A ...

  3. 原创《如何用vue来轻松的驾驭 html5 webapp的页面体验》

    由于最近开始要做mobile的webapp 项目,所以利用周末的时间思考了下页面的体验问题,我主要参考了"微信"的页面体验,总结主要有2个页面切换效果(点击进入页面效果 和 返回上 ...

  4. HTML5 学习01——浏览器问题、新元素

    Internet Explorer 浏览器问题 问题:Internet Explorer 8 及更早 IE 版本的浏览器不支持HTML5的方式. <!--[if lt IE 9]> < ...

  5. HTML5 学习01

    HTML的英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言. 所谓超文本,是因为它可以加入图片.声音.动画.影视等内容,事实上每 ...

  6. [整理]HTML5 WebSocket

    vs2013 win7 iis7.5貌似不行,查阅了资料,好像得iis8支持 <ASP.NET SignalR系列>第一课 认识SignalR http://www.cnblogs.com ...

  7. JavaScript自己整理的基础-01

    1.JavaScript 简介: JavaScript是互联网上最流行的脚本语言,所有现代的HTML都使用JavaScript.既然是脚本语言,那么它的特点就有一下三种: (1)弱类型: (2)解释型 ...

  8. 我们都忽略了Html5的力量，如果只看成一种技术就大错特错了！

    第一部分:Html5市场的力量 我们太忽略Html5的市场力量了.如果你把Html5当作一种技术,就大错特错了!忘掉你的产品,忘掉你的技术,想想移动时代的信息传播和消费场景.作为2B,我们实在是没有重 ...

  9. HTML5 Selection对象

    一.实例1,设置网页选中内容并且复制到黏贴板 <p id='txtone'>发的FDSAFSDFDS!其实不管哪个行业, <img src='http://beijing.gongj ...

随机推荐

  1. 记录一次Docker For Windows10镜像加速器配置

    1.访问https://www.daocloud.io 注册账号 2.访问资源->加速器,或者直接访问网址https://www.daocloud.io/mirror,页面中间有加速配置,例如我 ...

  2. 【机器学习】Apriori算法——原理及代码实现（Python版）

    Apriopri算法 Apriori算法在数据挖掘中应用较为广泛,常用来挖掘属性与结果之间的相关程度.对于这种寻找数据内部关联关系的做法,我们称之为:关联分析或者关联规则学习.而Apriori算法就是 ...

  3. python3与python2使用python原生SimpleHTTPRequestHandler

    python3 使用时如下: #!/usr/bin/env python3 #coding=utf-8 from http.server import SimpleHTTPRequestHandler ...

  4. thinkphp在wamp 配置去掉url中index.php方法

    http://blog.csdn.net/youmypig/article/details/45008971

  5. （第十二周）Bug修正报告

    根据Debug周各组找出的Bug,现做出如下说明: Bug: 一.天天向上团队 看到的现象:当食物链长度很长时,最长链显示不全.如下图: 期待的现象:当食物链过长时,食物链可以自动换行. 二者的差异: ...

  6. Matlab批量处理指定文件夹下的所有音频文件

    filedir='E:/source/Wavfile/*.wav'; % 设置路径 outfiledir='E:/output/Wavfile/'; infiledir='E:/source/Wavf ...

  7. Eat Style --proposed by Chongyang Bai

    NEED 1. 有人希望妈妈是这样的: 但实际上对妈妈做的菜反应确是这样的: 处在不同的时节,根据不同的个人偏好,到底该做些什么饭菜?工作繁忙,家里的厨师可能也没时间琢磨.最后做出的只是应付差事的饭菜 ...

  8. power shell 常用查询－查看操作系统信息

    https://technet.microsoft.com/en-us/library/dd367892.aspx 首推使用 Get-Counter 该函数下可以把现有的电脑监控统计数据 直接提取出来 ...

  9. BZOJ4066 简单题（KD-Tree）

    板子题. #include<iostream> #include<cstdio> #include<cmath> #include<cstdlib> # ...

  10. Gym - 101522H Hit!

    H. Hit! time limit per test 1.0 s memory limit per test 256 MB input standard input output standard ...