最近随着AppleiOS和Android平台的盛行，一个新的名词WebApp也逐渐火了起来，这里我也趁着热潮做一个关于WebApp系列的学习笔记，分享平时的一些研究以及项目中的经验，在现阶段研究对象暂时限定为iOS平台(iPhone/iPad/iPodtouch)，随后会扩展到Android平台。对于WebApp，我的...

1.先说说mate标签里的viewport：viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们的we...

手机上同步photoshop设计稿：psplay应用 设计: 资源： 1、音乐上传问题音乐控制在2M以内，推荐使用【格式工厂】进行压缩。2、视频上传问题为了保证在线的播放效果，上传的视频大小建议控制在5M以内，最大不超过10M。本地页面现只支持优酷，可以提前上传发布。具体步骤详见后台。3、...

webapp手机桌面logo尺寸大小（三种）：114 72 57 ...

iPhone4s的屏幕分辨率是640x960，这样就带来一个问题：原来设计的320x480的设计出来的icon等图片，在高分辨率下就会显得模糊。 在经过讨论、查阅资料和测试后，可以有方法解决哦~ 1.对于采用<img/>方式引用图片的：[html] viewplaincopy&...

*********Modernizr作为开发HTML5必要的js工具************Modernizr作为开发HTML5必要的js工具*********字体大小设rem************html{font-size:62.5%;/*10÷16×100%=62.5%*/}body{...

1创建主屏幕图标（Creatingahomescreenicon，forios）  123456//57*57<linkrel="apple-touch-icon"href="http://wlog.cn/html/"/custom_icon.png"/><linkrel="app...

HTML5在国内外越来越受到互联网开发团队的青睐。国外，谷歌兴致勃勃地开发ChromeWebStore，微软发布了支持使用HTML5技术开发的“IrishSpring”主题网站，诺基亚斥巨资购得并打造的NOKIAMAP业务。国内的互联网巨头对这股大洋彼岸吹来的新web开发标准也同样感兴趣，开始着...

最近专注研究jQueryMobile——一款很方便就可以把WebApp包装成适合Android与iPhone等触屏移动设备的Javascript库，结合jQueryMobile与HTML5，可以很方便的开发出一款具有良好界面及用户体验的WebApp，在这个过程中我收获良多，因此决定针对使用jQu...

这篇文章是使用jQueryMobile与HTML5开发WebApp系列的第二篇，在本文以及接下来的数篇文章Kayo将会介绍jQueryMobile的组件、事件响应以及可以调用的方法，而作为该系列的第一篇文章，Kayo将会先介绍jQueryMobile的基本情况和一些基础的实例。 在上一篇文章中，Kayo简单介...

因为HTML5暂时无法短期内在PC普及，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。但只有Android2.2以上、iOS3.2以上均支持HTML5，两大平台有望全系列支持HTML5 ，HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时...

  自有证书生成方法          manifest配置（2）、图标配置：所有图片格式必须是png，且严格符合分辨率要求。使用其他图片格式重命名为png会导致打包失败。配置图标时选择自动生成所有适...

html{font-size:62.5%;}@mediaonlyscreenand(min-width:481px){html{font-size:94%!important}}@mediaonlyscreenand(min-width:561px){html{font-size:109%!important}.pro...

微信小程序转uniapp教程(汇总) 1 先看这个https://ask.dcloud.net.cn/article/357862 还有事件 bind改成@      比方说bindtap 改成@tap3条件编...

jqueryswipper插件的一些弊端touch触摸机制是swipper的阻止click冒泡。拖动Swiper时阻止click事件。下面这个方法或许可以解决触摸机制的问题<pre><divclass="swiper-slide"onclick="alert('你点了Swiper')"><...