摘要：
轻便体积小原生无依赖插件可扩展设计无限制动效可定制动静两相宜能进亦能退桌面也兼修一句话功能简介跟传统网页浏览的差别仅仅在于无刷新！例如，我们浏览首页，首页上有个如下HTML链接：摩擦摩擦在传统页面，页面会刷新跳转至mocamoca.html, 但是，引入mobilebone.js后，就是无属性滑动到... 阅读全文
摘要：
Zepto 只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery ，所以学习成本也很低。但是在开发过程中，我发现 Zepto 还远未成熟，其中包含了一些或大或小的“坑”，与 jQuery 的差距还是很明显的，所以写篇文章记录下，希望对后来者有帮助注意，本文... 阅读全文
摘要：
为了应对移动设备屏幕的碎片化，我们在开发Mobile Web应用时，一个最佳实践就是采用流式布局，保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性，用户在切换了屏幕的方向后，有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配（当然，要做的可能不仅仅是这个）。很多... 阅读全文
摘要：
关于路径在还没有说之前先说下关于css引入的2种方式：相对路径(Relative Path)，顾名思义：就是css文件相对某一个参照物的位置。上物理课的时候老师都会提到相对运动：指某一个物体对另外一个物体的相对于一个固定参照物来是相对运动的。我们走路看汽车的时候觉得汽车往后走，汽车看我们的时候是往前... 阅读全文
摘要：
响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无从下手。为了desktop和mobile单独使用像素设计的方法也成为了过去，因为越来越多的设备都可以打开网站。因此，我们需要弄清楚响应式网页设计的一些基本原则，接... 阅读全文
摘要：
iphone6 及 iphone 6 plus 已经出来一段时间了。很多移动端网站，以前写死body 为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在ipho... 阅读全文
摘要：
1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇... 阅读全文
摘要：
JavaScript是世界上第一的编程语言，它是Web的语言，是移动混合应用（mobile hybrid apps）的语言（比如 PhoneGap或者 Appcelerator），是服务器端的语言（比如 NodeJS或者 Wakanda），并且拥有很多其他的实现。同时它也是很多新手的启蒙语言，因为它... 阅读全文
摘要：
WebApp是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能（不明白说的是什么）。其实Web APP就是一个针对Iphone、Android等智能手机优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP等... 阅读全文
摘要：
首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960, 640×1136, 75... 阅读全文