在正式进入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. 借助第八代智能英特尔® 酷睿™ i7 处理器和 Unreal Swarm* 的强大性能快速构建光照

    <虚幻竞技场>.<Robo Recall>等游戏的成功与 Unreal Engine 如何处理照明密切相关.原因之一就是静态光映射,但是这需要付出一定的代价:构建照明需要时间, ...

  2. es6箭头函数使用场景导致的一些问题

    1. 今天在使用draggable组件时,监听dragmove事件时获取到的事件对象有一些异常, 代码如下 draggable.on('drag:move', (event) => { cons ...

  3. C语言版本：顺序表的实现

    seqlist.h #ifndef __SEQLIST_H__ #define __SEQLIST_H__ #include<cstdio> #include<malloc.h> ...

  4. [JSP] c:forEach 如何输出序号

    关键在于<c:forEach>的varStatus属性,具体代码如下: <table width="500" border="0" cells ...

  5. Practice1小学四则运算

    本次实验是做一个自动生成小学四则运算的小程序,对于我来说是检验基础的一次实验,要运用Visual C++来编写完成,“自动生成”第一印象是要用到Random()函数,“加减乘除”则应该用到switch ...

  6. 数学口袋精灵app（小学生四则运算app）开发需求

    数学口袋精灵APP,摒除了传统乏味无趣学习数学四则运算的模式,采用游戏的形式,让小朋友在游戏中学习,培养了小朋友对数学的兴趣,让小朋友在游戏中运算能力得到充分提升.快乐学习,成长没烦恼! 项目名字:“ ...

  7. Java的三大特性：封装、继承、多态

    一.类的概念: 类一般包括两个部分:属性(成员变量)和方法(成员方法)方法组成部分:修饰符(可选) 返回值类型(必须) 方法名(必须)参数列表(可选) package com.classTest.pr ...

  8. Daily Scrum - 11/25

    今天是Sprint 2的最后一天,我们在下午的课上对之前两个Sprint作了比较详尽的Review,并在课后Daily Scrum上讨论制订了Sprint 3的任务安排.具体Task会在明天更新在TF ...

  9. 读C#程序

    阅读下面程序,请回答如下问题: 问题1:这个程序要找的是符合什么条件的数? 问题2:这样的数存在么?符合这一条件的最小的数是什么? 问题3:在电脑上运行这一程序,你估计多长时间才能输出第一个结果?时间 ...

  10. 重温redis命令

    redis是已知的性能最快的key-value 数据库. 1.key相关命令 exists key :检查指定的key是否存在 1表示存在 0表示不存在 del key1,key2,key3....: ...