how is this done?

Freeway
1

I’m rather impressed with the design of this page. I thought it was flash, but apparently, it isn’t. Can anyone tell me how this is done?

Thanks!

http://www.macheist.com/warehouse/

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

2

It’s a rather fine example of using a JavaScript library (in this case
MooTools) to do some slick animations. Looking at the JavaScript (http://static.macheist.com/warehouse/warehouse4.js
) I can see that the code tries to animate the boxes with CSS if
available (Webkit or Mozilla) but then falls back to regular JS if
that fails.
It’s very slick and well worth taking a look under the hood.
Regards,
Tim.

On 26 Feb 2010, at 09:03, macsterdam wrote:

I’m rather impressed with the design of this page. I thought it was
flash, but apparently, it isn’t. Can anyone tell me how this is done?

Thanks!

Page Not Found | MacHeist

FreewayActions.com - Freeware and commercial actions for Freeway
Express & Pro.
…
Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com
…
http://www.freewayactions.com

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

3

Wow - that’s quick. Thank you very much. I will have a look.
As you said, it’s very slick indeed. Loads fast as well.

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

4

Back when I used Adobe GoLive, very briefly, you were able to animate layers. There was an order they had to be in and then you had a little timeline to set keys in.

Tim, would GoLive been using a similar technique?

I never used it much at the time, but I thought it was pretty neat.

Bob

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

5

Yes, that was a similar effect, albeit not with all the goodies that a
modern JavaScript effects library would give you.

In Freeway, there is the Move Layer Action, which uses a similar long-
hand approach to moving a layer around the page. It’s limited to start
position and end position and should I loop.

For a much richer implementation of this idea, Paul Dunning has his
Coppélia Action, complete with demo page showing the London
Underground in motion. Have a look at http://actionsworld.com

Walter

On Feb 26, 2010, at 9:51 AM, Robert B wrote:

Back when I used Adobe GoLive, very briefly, you were able to
animate layers. There was an order they had to be in and then you
had a little timeline to set keys in.

Tim, would GoLive been using a similar technique?

I never used it much at the time, but I thought it was pretty neat.

Bob

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

6

talking about effects check this paralax effect with jquery…
I’ve seen a beautiful site made this way and this is the tutorial I found… check the example…

I really want to try to do this in freeway

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