transition: translateY

Hello Guys,

Is there a way to do this transition in Freeway?
Example: http://womenandtech.com

Thanks Hubert

http://womenandtech.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry, no help from me, but thanks for pointing that out, it’s a lovely effect as you scroll down the page.
Trev

On 26 Apr 2013, at 07:56, H.Banken wrote:

Hello Guys,

Is there a way to do this transition in Freeway?
Example: http://womenandtech.com

Thanks Hubert

http://womenandtech.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi, not without getting into some custom coding. This is known
as parallax scrolling effect and it’s all the “woo hoo” with the cool kids
in web design at the moment - more even than “responsive web design” (you
know that “need” that completely ignores the fact that mobiles are tablets
scale webpages to fit by default). Parallax basically works on the
principle of setting different scrolling speeds for your foreground and
background layers so they appear to overlap in cool ways when you scroll
down. It can look like hell unless you know what you are doing - Nike
started it all with their website a couple years back. It’s not difficult
as a concept (mainly just setting datatype-background: and data-speed: and
hooking up JQuery) but it soon gets very complex and messy visually if you
are not careful.

Google parallax effect - there are some easy frameworks out there where all
the thinking is done for you and you get to cut and paste pretty much. In
fact I was just looking at one last week at jalxob.com - This website is for sale! - fullscreen video slideshow bigvideojs jquery background Resources and Information.

On 26 April 2013 08:02, Trevor Reaveley email@hidden wrote:

Sorry, no help from me, but thanks for pointing that out, it’s a lovely
effect as you scroll down the page.
Trev

On 26 Apr 2013, at 07:56, H.Banken wrote:

Hello Guys,

Is there a way to do this transition in Freeway?
Example: http://womenandtech.com

Thanks Hubert

http://womenandtech.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That doesn’t seem like parallax to me. Parts of the page are hidden and when you scroll down the page they are revealed and then scroll. I can’t see any scrolling at different speeds, it’s like Walt’s Sticker action in reverse.

Spike

On 26 Apr 2013, 6:56 am, H.Banken wrote:

Hello Guys,

Is there a way to do this transition in Freeway?
Example: http://womenandtech.com

Thanks Hubert

http://womenandtech.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The big give away is the commonly used class around the containers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have a look at Richard’s example

http://freewaytalk.net/thread/view/125569#m_125575

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Great.
I love this forum.

Hubert


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options