摘要：
1.IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。2.3像素问题及... 阅读全文
摘要：
首先看下Prototype里的写法：var Class = { create: function() { return function() { this.init.apply(this, arguments); } } } var A = Class.create(); A.prototype =... 阅读全文
摘要：
人性化的细节处理例如：textarea 默认只能垂直拖动，防止宽度改变破坏布局。textarea { resize: vertical;}汉字字号小于 12px 不易阅读，为元素设置默认值为 12px。small { font-size: 85.7%; /* 12/14=0.857142... 阅读全文
摘要：
ouchBox原文：https://github.com/maxzhang/touchbox移动端单页视图库，适用于制作移动专题DEMOhttp://jsbin.com/vatuma/latest手机扫描下面二维码查看例子：使用方法首先，页面必须是下面的结构 // ... ... 阅读全文
摘要：
兼容篇兼容篇是我最想写的一部分，在这之前也总结过很多关于移动开发的兼容问题与解决方案。对于移动Web开发来说，兼容是开发重心，通常要花费30%甚至更多的时间去处理一些兼容问题，甚至时间花掉了，问题依然无法解决。相比PC Web开发，移动开发的兼容性需要考虑的问题更复杂，我自己花了一个图：图13在上图... 阅读全文
摘要：
交互篇从PC到移动端，视觉和交互是用户能直接感受到的差异。在视觉篇中已经提到，移动设备的物理属性一部分影响到视觉，另外一些部分将影响到交互。那么，移动设备影响交互的物理属性都有哪些变化呢？对于这个问题，相信大家都早有答案。传统PC的输入设备相对单一，一般情况下只有鼠标和键盘，而移动设备的硬件就变得非... 阅读全文
摘要：
视觉篇智能移动设备由于发展历史短，但更新速度快，从而导致移动设备的物理属性差异巨大，其中一部分物理属性影响视觉，另一部分影响到交互、兼容或性能。对人类来说，至少有80%以上的外界信息通过视觉获得，视觉是人和动物最重要的感觉，所以，咱们从视觉开始说起。看一个案例：访问m.3600.com首页，首页焦点... 阅读全文
摘要：
Update:Unfortunately this does not 100% solve the problem, the script falls down when handling touch interactions when a scrolling section is bouncing... 阅读全文
摘要：
dragloader.js是一个面向移动Web开发的JavaScript库，帮助开发者在使用页面原生滚动时，模拟上/下拉手势，实现Pull Request操作。在移动设备上，一般会使用 drag down 手势实现加载最新使用 drag up 手势实现加载更多dragloader样例需运行在 Sma... 阅读全文
摘要：
在单页应用开发中，无论是页面结构化，还是Pull to Request，都离不开一个技术——页面局部滚动。当下的移动web技术，主要使用下面两种方式实现局部区域的滚动：基于IScroll组件，也有很多团队自己实现类似的组件，实现原理大都一样。使用浏览器原生支持overflow: scroll，在iO... 阅读全文