就要同2014年说再见了，是时候回顾一下这一年里的伟大设计了！著名的设计博客Designmodo评选出了年度最佳的20个优秀网站，这些优秀的网页不仅设计精心，而且紧跟时下流行的设计趋势。网页设计师们总会热衷于追随最新的设计趋势，所以你能在这些优秀的网页中看到这些趋势——扁平化设计、极简风、视差滚动、...
分类：
Web程序 时间：
2014-12-08 15:32:10
阅读次数：
240
上一集中我们把视差滚动的基本原理讲了下，简单的做下回顾性总结：视差滚动就是一些区域划分+元素堆叠+错落的动画过渡所形成的效果。(*._.*)。下集了，这次要写些什么呢，好困惑自己研究得不是很透彻，明知原理是那样，可是垒着码的时候还是要考究一下下的。“跑题一下，我的垒码习惯是会先把运动的轨迹写出来，最...
分类：
其他好文 时间：
2014-11-28 22:46:50
阅读次数：
449
第一次在W3Cfuns上发表贴子，自己鼓励一下自己！测试浏览器：Google Chrome V25.0PS：本文不考虑浏览器兼容性，只讨论原理，有兴趣的同学也可以进行测试。视差滚动/视觉差设计，这些词汇在现在看来是再平常不过了，虽平常，但是其牛X的效果不得不让用户眼前一亮，也让我们这些垒码的不得不思...
分类：
其他好文 时间：
2014-11-28 22:32:29
阅读次数：
265
源码ListBuddies，效果非常棒强烈推荐！一对ListView在停止滚动之后会缓慢的向上滚动并且左右两列的滚动速度不一致，具有视差效果。可以在Playstore上先下载demo看效果（下载地址下面给出），这种效果其实是expedia 应用中已经出现过的。xml中：详细说明：http://and...
分类：
其他好文 时间：
2014-11-26 11:04:18
阅读次数：
246
在线演示本地下载使用stellar.js可以帮助开发者快速的生成基于移动设备的视差滚动效果。使用简单的data属性定义即可生成相关视差效果。
分类：
移动开发 时间：
2014-11-25 18:07:40
阅读次数：
179
使用 HTML5 和 CSS3，我们能够在浏览器中创建更有趣和更吸引眼球的效果。其中，视差错觉就是网站设计领域的的效果之一。视差滚动（Parallax Scrolling）通过在网页向下滚动的时候，控制背景的移动速度比前景的移动速度慢来创建一个令人惊叹的3D效果。
分类：
Web程序 时间：
2014-11-05 10:43:53
阅读次数：
346
JS实现滚动整个屏幕 | 使用window.scroll实现滚动鼠标整个屏幕滚动，缓慢平滑地切换到下一个屏幕
分类：
其他好文 时间：
2014-10-20 13:09:43
阅读次数：
224
Persona – HTML5 Parallax Portfolio Theme充满吸引力的一款网站模板，扁平化设计风格，动感的视差滚动效果。在线演示模板下载Superb – Responsive One-Page PortfolioSuperb 是一个基于 HTML5 & CSS3 的响应式单页作...
分类：
Web程序 时间：
2014-10-09 20:05:07
阅读次数：
193
移动端页面的盛行，微信的便利的页面推广等等，让越来越多的css3效果和html5在手机端大放异彩。
于是乎，各式各样的简约酷炫的html5页面层出不穷，最多的就是视差滚动+css3动画。
接下来就说说自己在搞这些页面里面碰到的一个小问题-------zepto.js里面，坑爹的touch.js的上下滑动（swipe）事件失效。...
分类：
移动开发 时间：
2014-09-28 01:19:20
阅读次数：
726
视差滚动效果近年来很受大家的欢迎，但实现这个功能一般都需要javaScript，而且实现做起来有一定的难度。就这个问题，我们跟大家分享另外一种比较简单的视差滚动效果技术，只需要CSS就可以实现了。一起来看看吧。 该滚动效果特点是使用固定背景与色块内容交替，当访客向下滚动时，背景是fixed固定的。可...
分类：
Web程序 时间：
2014-09-23 21:02:25
阅读次数：
201
