在移动web，特别是在微信中，经常看到一种翻页动画效果，也称为场景动画。 一页一页的翻过，像在看书，每页的内容以各种"炫酷"的效果出现在你的眼里，配上一首动听的音乐，你有没有喜欢上呢。 这里没有音乐，没有炫酷的出场，只有实实在在的翻页。z 先看看效果（如果不能查看复制下面的代码保存在本地查...
分类：
移动开发 时间：
2016-01-08 13:14:47
阅读次数：
291
Meta标签：这个想必大家都知道，当页面在手机上显示时，添加这个meta能够让页面强制让文档的宽度与设备的宽度保持1:1。并且文档最大的宽度比例是1.0，且不同意用户点击屏幕放大浏览。这两个属性分别对ios上自己主动识别电话和android上自己主动识别邮箱做了限制。获取滚动栏的值：...
分类：
移动开发 时间：
2016-01-07 16:37:21
阅读次数：
193
手机微站、HTML5+CSS3(rem)+jQuery+Zepto+iScroll+Swipe综合开发手机网站、移动端web网站(手机网站)、mobile网站模版、HTML5网站面向手机端的html5开发框架有很多，如何找到适合自己的一个呢？1、jQuery Mobile jQuery Mobile...
分类：
移动开发 时间：
2016-01-02 18:33:46
阅读次数：
1328
在单页应用开发中，无论是页面结构化，还是Pull to Request，都离不开一个技术——页面局部滚动。当下的移动web技术，主要使用下面两种方式实现局部区域的滚动：基于IScroll组件，也有很多团队自己实现类似的组件，实现原理大都一样。使用浏览器原生支持overflow: scroll，在iO...
分类：
移动开发 时间：
2015-12-29 19:29:01
阅读次数：
183
dragloader.js是一个面向移动Web开发的JavaScript库，帮助开发者在使用页面原生滚动时，模拟上/下拉手势，实现Pull Request操作。在移动设备上，一般会使用 drag down 手势实现加载最新使用 drag up 手势实现加载更多dragloader样例需运行在 Sma...
分类：
Web程序 时间：
2015-12-29 19:28:43
阅读次数：
336
ouchBox原文：https://github.com/maxzhang/touchbox移动端单页视图库，适用于制作移动专题DEMOhttp://jsbin.com/vatuma/latest手机扫描下面二维码查看例子：使用方法首先，页面必须是下面的结构 // ... ...
分类：
移动开发 时间：
2015-12-29 19:08:46
阅读次数：
193
交互篇从PC到移动端，视觉和交互是用户能直接感受到的差异。在视觉篇中已经提到，移动设备的物理属性一部分影响到视觉，另外一些部分将影响到交互。那么，移动设备影响交互的物理属性都有哪些变化呢？对于这个问题，相信大家都早有答案。传统PC的输入设备相对单一，一般情况下只有鼠标和键盘，而移动设备的硬件就变得非...
分类：
移动开发 时间：
2015-12-29 19:06:50
阅读次数：
583
meta篇1.视窗宽度其中width=device-width是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如：width=640则是640px的宽度（常见于微信）；initial-scale=1.0：设置缩放比例为1.0；minimum-scale=1.0和maximum-scale=1.0：最...
分类：
移动开发 时间：
2015-12-25 23:46:07
阅读次数：
248
移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 ...
分类：
移动开发 时间：
2015-12-24 19:13:51
阅读次数：
149
2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正的实...
分类：
其他好文 时间：
2015-12-23 09:17:19
阅读次数：
228
