在正式进入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. 转--看完让你彻底搞懂Websocket原理

    偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有.所以转到我博客里,分享一下.比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗 ...

  2. yocto-sumo源码解析（二）: oe-buildenv-internal

    1 首先,脚本先对运行方式进行了检测: if ! $(return >/dev/null 2>&1) ; then echo 'oe-buildenv-internal: erro ...

  3. 毕业回馈-89c52之最小系统

    今天分享一个51单片机最小系统的电路板设计(原理图+PCB) 技术手册上面对于51单片机最小系统作如下要求: 下载电路主要有以下几种: 采用RS-232转换器下载:(R1OUT-P3.0;T1IN-P ...

  4. Fabric Dev开发调试模式的搭建过程

    在利用Fabric开发Chaincode的时候,调试Chaincode显得尤为不方便,因为Chaincode正常应该运行在Docker容器中,每次修改Chaincode后想要使其更改生效必须得对Cha ...

  5. ace -- about

    Built for Code Ace is an embeddable code editor written in JavaScript. It matches the features and p ...

  6. npm模块之http-proxy-middleware使用教程（译）

    单线程node.js代理中间件,用于连接,快速和浏览器同步 Node.js代理简单. 轻松配置代理中间件连接,快速,浏览器同步等. 由流行的Nodejitsu http代理提供. TL;DR 代理/ ...

  7. 老李的blog使用日记（3）

    匆匆忙忙.碌碌无为,这是下一个作业,VS,多么神圣高大上,即使这样,有多少人喜欢你就有多少人烦你,依然逃不了被推销的命运,这抑或是它喜欢接受的,但是作为被迫接受者,能做的的也只有接受,而已. 既来之则 ...

  8. 一篇关于spring ioc 依赖注入3种方式的文章引用

    今天看到一篇spring ioc 容器依赖注入3种方式的文章,为了方便后面的复习,在此引用别人的文章,查看请戳我.

  9. Beta阶段敏捷冲刺前准备

    一.介绍小组新加入的成员,Ta担任的角色. 新成员一:徐璐琳 风格:酷酷哒 擅长的技术:JAVA,CCNP 编程的兴趣:折磨人的快感 新角色:管理员 一句话宣言:打开开关又是一个机会 新成员二:祁泽文 ...

  10. Linux用户和用户组管理

    该内容来摘自于鸟叔的Linux私房菜. Linux的每个用户包含两个ID,一个是用户ID,一个是用户组ID.系统会根据/etc/passwd和/etc/group的设定来决定用户的访问权限.下面对用户 ...