ARC Pro

Upgrade to ARC Pro

Experience the transformation – subscribe to Synthiam ARC Pro and watch your robot evolve into a marvel of innovation and intelligence.

#1  

Nice ! Almost 3D like as you scroll down the page.

United Kingdom
#2  

Looks good :)

however I rarely see the front page, my bookmark is set for the forum

#3  

I worked hard on that.... thanks guys :)

Not perfect yet but there will be a time for fixes and tweaks!

#5  

I like it. I found myself scrolling up and down at the bottom. Great eye catching effect.

#6  

@d.cochran I did that too....a little too much, started to get sea sick sick

#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.