在正式进入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. 关于hive的优化

    首先hive本质就是mapreduce,那么优化就从mapreduce开始入手. 然而mapreduce的执行快慢又和map和reduce的个数有关,所以我们先从这里下手,调整并发度. 关于map的优 ...

  2. GitHub 新手教程 七，Git GUI 新手教程（4），上传本地代码库到GitHub

    1,打开 GitGUI,单击我们之前克隆好的本地库: 2,按图示顺序点击按钮: 3,按图示顺序点击按钮,输入您的 Sign 信息: 4,按图示顺序点击按钮: 5,弹出新的窗口后,点击 “Push” 按 ...

  3. leetcode刷题笔记258 各位相加

    题目描述: 给一个非负整数 num,反复添加所有的数字,直到结果只有一个数字. 例如: 设定 num = 38,过程就像: 3 + 8 = 11, 1 + 1 = 2. 由于 2 只有1个数字,所以返 ...

  4. PAT甲题题解-1095. Cars on Campus(30)-（map+树状数组，或者模拟）

    题意:给出n个车辆进出校园的记录,以及k个时间点,让你回答每个时间点校园内的车辆数,最后输出在校园内停留的总时间最长的车牌号和停留时间,如果不止一个,车牌号按字典序输出. 几个注意点: 1.如果一个车 ...

  5. Linux内核分析作业 NO.1

    通过汇编一个简单的C程序,分析汇编代码理解计算机是如何工作的 于佳心 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.study.163.com/cour ...

  6. Linux内核设计与实现（chapter1/2）

    Linux内核简介 Unix从一个失败的多用户操作系统Multics中衍生来的. Unix强大的原因: 简洁 几乎所有的东西都被当做文件来对待,可以通过相同的系统调用接口来进行调用. 因为它是由c语言 ...

  7. Linux内核分析（第三周）

    构造一个简单的linux系统menuOS. 一.简介 1.两把宝剑:中断-上下文的切换(保存现场和恢复现场) 进程-上下文的切换 2.linux-3.18.6 arch/x86目录下的代码是我们重点关 ...

  8. 在centOS中安装mongodb

    自己在一个CentOS6.6的系统中按照官网的说明,走了一遍的安装过程,记录一下. 看过个mongo的视频,上面介绍的安装是用源码安装,而官网上说需要gcc4.8.3的版本,还有scons的编译工具, ...

  9. 谈vs2013单元测试感想

    (1)安装篇:这个就不用多说啦,百度一个安装包进行安装. 之前下载过vs2013当时是抱着玩玩的心态,也没有安装成功,现在作为作业重新安装,并且进行单元测试.下面就是安装vs2013的具体过程以及我遇 ...

  10. HTML5之HTTP协议

    ---恢复内容开始--- 99%的人都理解错了HTTP中GET与POST的区别 2016.10.11 13:23:22来源: 51cto作者:51cto   (转)   GET和POST是HTTP请求 ...