在正式进入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. Beyond Compare文本对比中提示编辑禁止的解决方法

    Beyond Compare是一款拥有文本比较功能的智能化软件,它支持在文本比较的同时,直接对差异文本进行修改.删除.编辑等一系列操作,这样一来,节约了文本对比的时间.但是在使用Beyond Comp ...

  2. 1分钟，通过docker-compose 搭建zookeeper 集群

    一.创建三节点 zookeeper 集群 将 docker-compose.yml 保存到当前命令行目录下 docker-compose.yml 文件 version: '2' networks: z ...

  3. 认识 Iconfont 以及什么是 .eot、.woff、.ttf、.svg

    一.Iconfont 1. 概述 在前端作业中,二十年前只有页面中铺满文字就算上线产品,现如今,不加点俏皮的“图标”会让页面显得很 Low 很 Low.   图标 在写这篇文章之前,我一直以为上图中的 ...

  4. React Native 'config.h' file not found 问题、 'glog/logging.h' file not found 问题、configure: error: C compiler cannot create executables问题解决过程记录

    1.在github 上面 git clone 一个RN 项目代码,npm install (yarn)后,准备运行iOS工程,发现'config.h' file not found ,恶心!!! 百度 ...

  5. Alpha阶段结束分数（百分制）

  6. “数学口袋精灵”App的第一个Sprint计划

    一.现状 我们这个团队想制作一个关于运算的游戏类型手机软件,针对我们这个学期的Android软件开发的课程,制作出一个关于数学算术游戏软件. 二.任务认领 第一阶段先把静态网页制作出来,各自的任务: ...

  7. 第15周-反射与JSP

    1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结多数据库相关内容. 2. 书面作业 1. 网页制作 1.1 制作一个网页index.html,内有字体<FONT>.链接< ...

  8. Ubuntu16解锁root

    administrator@rgqancy:~$ sudo passwd -u root [sudo] administrator 的密码: 对不起,请重试. [sudo] administrator ...

  9. MySQL与Oracle集群主从复制工具

    Oracle提供了DataGuard:MySQL提供了Group Replication,简称MGR. Oracle DataGuard的文章:http://www.cnblogs.com/adolf ...

  10. Study From DevOps 学习交流会议

    1.今天下午参加了 软件集团的 爱城市的devops的沟通会议,了解到他们是通过bash的方式来执行jenkins的build以及创建 jenkins的 project 等内容.晚上回来简单实验了下. ...