ARC Pro

Upgrade to ARC Pro

Subscribe to ARC Pro, and your robot will become a canvas for your imagination, limited only by your creativity.

#9  

@chrissi That's amazing! Maybe I don't surf the net enough but I've never seen anything quite like it. Incredible animation effect. Can I ask how you/what you used as far as coding or whatever, to do that? Or would that be cutting into your bread and butter a little too much?

#10  

@Antron007, the library used for the scroll effects is skrollr and it's pretty easy to use:) It's a combination of CSS and Javascript, and the library implements the interface through HTML5 data attributes.

Just a couple things to keep in mind, you need to force 3D acceleration (add a Z transform) and disable the animations on mobile devices (they don't have enough power). And use only properties that are easy on the renderer... translate, opacity, rotate, etc... animating positions directly, margins, etc, is not recommended. If you stick with the easy properties you'll be good. As described by Paul Irish in this video, if you want to learn more:

It's a bit technical:) So most people won't be interested. Lol. But if you really want to learn more, Paul Irish is great.

#11  

Yay! Chrissi totally nailed the front page. :):)

#12  

Thanks for all the info. I don't do much web design lately but that's something I wouldn't mind being a little familiar with that snazzy trick. Great work once again.