[Pro] Page - Fade transition when opening a page

Evaluating the Freeway software and one of the things I want to do is have a soft opening of a page and when you navigate between other pages (soft transitions).

I was using this option on a windows software and it was standard functionality, I now want to transfer all the same effect over to my MAC but without this I cannot purchase.

Anyone have any ideas how to do this?

Martyn


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

I was using this option on a windows software and it was standard
functionality

Hi Martyn,

Something that does this with standards-compliant HTML web pages? Are
there any examples of this somewhere online?

k


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

I have just been emailed a link and advised that standard meta tag will work with IE, however they will not work on Safari

this was the link:-
http://www.aim-higher.net/meta-transitions.asp

I have not tried these yet, just going to give it a try

martyn


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

Keith, if you go to Google.com.

They have this new soft transition that first loads the search box and logo and then after a few super quick moments (depending on internet speed) it fades in the rest of the site navigation and other items.

However I don’t see any META tags like the linked site shows above, but it is 2 A.M and I’m tired. Looks to be some javascript.


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

Hmmmmmmm

I have uploaded to a friends site:-
http://www.pagebypagewebdesign.co.uk/ETWALL/

Seems to work on Internet Explorer but not safari or Goggle Chrome, I guess some web browser just do not support this functionality.

Guess its not the software.


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

Sometime around 5/1/10 (at 18:36 -0500) Martyn Page said:

I have just been emailed a link and advised that standard meta tag
will work with IE, however they will not work on Safari

http://www.aim-higher.net/meta-transitions.asp

Hi again Martyn,

Thanks for the link. That’s one hell of a freaky site! On Firefox and
Safari for Mac and Firefox for Windows 7 the page looks like
something from 1996. Only Internet Explorer (IE8) rendered the page
‘properly’. Although properly is hardly the right term for something
so broken elsewhere.

I’ve looked at the rendered page, I’ve looked at the HTML, and I’ve
looked at the CSS, and it almost looks like something designed
specifically to work properly only in IE. Ironic, as part of the
CSS file contains explicitly documented hacks to get IE 6 to behave
right with certain instructions and notes that IE5 and Netscape
Navigator 4 won’t behave. I can think of only one thing to say about
that: WTF?

Anyway, back to the point. It looks like those transitions are not at
all hard to implement. There’s a one-liner META tag to add, a small
chunk of JavaScript, and you’ll be ready to go.

Do be aware that they will ONLY work in Internet Explorer. Because of
that, you really should think twice about implementing them except
where they are utterly unimportant. I’m all in favour of creative and
innovative web design, but it is important to try and make things
work cross-browser and cross-platform wherever possible. It really
isn’t that hard!
(I mean, it really isn’t hard to make a page that looks (a) good and
(b) consistent across browsers and platforms - AND include this
IE-only trick.)

Also please note that every transition other than the dissolve may
look rather unprofessional to most visitors, and the dissolve is a
1-bit pixel dither transition - it isn’t a cross-fading dissolve.

However, I know nothing of your site plans or imposed requirements.
I’ve copied out the necessary JavaScript. I haven’t tested it, but
implementing it in Freeway should take you about 15 seconds or less.
Let me know if you need pointers.

k


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

Sometime around 6/1/10 (at 04:39 -0500) Martyn Page said:

Seems to work on Internet Explorer but not safari or Goggle Chrome,
I guess some web browser just do not support this functionality.

Heh. To me, this is a sophisticated form of BLINK. But I know I’m
often a little hyper-aware of UI behaviour.

This doesn’t and probably never will work on anything other than IE.
But I must congratulate you; you’ve implemented a true blending
dissolve. I didn’t see that in any of the examples on the other site.
In IE it does look better than the Aim-Higher demos.

k


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

Hi Keith

Which site is the freaky my attempt at a web page or the transition one… always learning.

As for the “true blending dissolves” maybe that was just luck!

I have just emailed accompany as they have just been advised they may produced a bit of Java script that does this. Of cause I have to pay!

I will keep you posted, are you a pro web designer? Only amateur here but learning all the time.

Martyn


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

Sometime around 6/1/10 (at 05:59 -0500) Martyn Page said:

Which site is the freaky

:slight_smile:
It was the transitions example one, not yours! Your site looked
pretty much the same in all browsers, other than the transition not
working in anything but IE.

they may produced a bit of Java script that does this. Of cause I have to pay!

What, does that effect across all browsers? I really wouldn’t pay
much for it, personally. But it would be a tiny bit more interesting
than something that’s IE-only, that’s for sure.

Don’t worry about the pro or otherwise nature of what you do. We’ll
help you do your best. The important thing is to work with tools that
help you create designs that are consistent and appropriate.
Freeway is a great help with the consistency thing; your pages should
generally work as expected wherever. The ‘appropriate’ issue about
design. Although this software helps here too, it is much an
aesthetic as technical thing - so it is something we all have to keep
working on.

k


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

Cheers Keith

Will keep you posted.


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

You could just put a Transition FX action on all items on the page. Check ‘On Page Load’, select ‘Appear’ or ‘Fade’ and check ‘Initially Hidden’. Use the ‘Delay’ and Duration’ options to coordinate / choreograph the appearance of your page items - i.e. all together or one by one.


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