[Pro] 'floating' lay out (changes when resizing window)

Hello,

I’m trying to achieve this: http://jenniferleedesign.com/
in Freeway Pro 5.5.

When the window is being resized the images ‘flow’ with it.
( So this site can be used by different sized viewers)

I have tried doing this with RPL but can 't seem to get this under control. The images move in strange groups or not at all. Or every time in a different way.

Is there a correct way to do this?
Thanks!


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

I think it’s worth to have a look on Walter’s screencast that deals as far as I remember with this theme (free from mind so I may fail):

http://freewaycast.com/screencasts/view/20-flexible-inline-objects

Cheers

Thomas


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

Thanks Thomas!

I’ll try it out.


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

Great! this works, it 's exactly what I want.
Now I have to figure out how I can attach a little text box to the image (moving along with it…)


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

Succes, I inserted a Graphic Element into a Graphic element, one for text, one for image.

Unfortunately, I lost the SWF possibility.
Made, like you suggested (freeway cast), I can put easily a SWF into, Freeway recognizes it as a Flash. No problem.

But 2 Graphic Elements, as described above, does not work.
Odd.
:frowning:


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

I inserted a Graphic Element into a Graphic element, one for text, one for image.

This isn’t necessary. Just double click inside any graphic element to get flashing cursor then type in your text.

Keep in mind that graphic text is not searchable by Google or anyone else. It will benefit you more to use an html text element with descriptive copy that relates to graphic.


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

It needs to be a graphic element, as in the freeway- screencast above. I think.

I would like to have an image (SWF) + text, moving together over the page.


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

There is an an action called Image Captions that can be applied to graphics to add a caption.

http://actionsforge.com/projects/view/58-image-captions

Give it a go and see if it does what you want.

David


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

Thanks DeltaDave!
That might be a solution. I 'll try it out and let you know.


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

:frowning:
It seemed a great idea but the ‘image caption action’ can only be applied to a ‘graphic element’. (not to a ‘Flash’ or in my case a SWF)

I still find it strange that the SWF’s work perfectly in the freeway-cast, as Thomas above suggested. (I did exactly that but changed the color by the SWF)

An image + text also works but SWF + text I can 't seem to get working.

Thanks for the ideas, if you have more, please let me know.
(An example website could be: http://heroesdesign.com/)
See how the text stays linked to the image, even changing the window size. I 've seen this work with SWF 's too.


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

Hmmm,

I got in total a couple of problems with this:

Problem1:

I got a working example using HTML items:

http://www.kimmich-dm.de/testings/flexible.html

Problem2:

This is dealing with an entire so called inline box model which will mean:

Once inline ever inline.

Problem3:

How to explain this without generating a lot of more trouble if somebody is not used to use inline stuff?

Brief:

  1. Start with a new empty page. Make sure to set page orientation to none.

  2. Double click into the page to see the flashing cursor and choose insert → HTML item. Set this on 100% width in the inspector. Call it wrapper.

  3. Double click into the wrapper to see the flashing cursor and choose insert → HTML item. Set this on 80% width in the inspector and set margin to (choose from picker) custom and check the “center horizontal …” Call it content-div.

  4. Double click into the content-div to see the flashing cursor and choose insert → HTML item. Set this on width x height as you want (220x300) in the inspector. Call it column1. Set column1 on margin custom, right and bottom 20px.

  5. Choose column1 and hit cmd-D as often as you want to have columns.

Save, preview in browser and resize browser window.

Cheers

Thomas


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

I am sorry - I didn’t realise you were using SWFs - why are you?

Are these not static images?

D


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

Thanks you very much, Thomas for your efforts.
I will try your method later this week.
In the meantime I have pasted a little HTML-box as a child (for text) into the patent HTML-box (for SWF) and that also seems to work but needs to be tested more.

I hope you are not angry for me stretching Freeway :slight_smile:
I have been a long user and always satisfied.

Also @DeltaDave: It is for a portfolio like website and I am looking for a way to easily change and increase content. I use the SWF 's instead of the Caroussel Action cause I find it easier to handle.
I must also add that I think ‘web’ times are changing and the age of clicking from page to page is a bit gone.

Thank you all for the ideas and I will keep you posted!


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

I think ‘web’ times are changing…

Which also means that Flash is on the way out!

D


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

I’d like to strenuously disagree with this point. The trend in recent years has been toward what is known as the “semantic Web”, and one of the principal tenets of that movement is to ensure that any unique content available on the Web is available at an unique URL.

Flash breaks this paradigm by hiding all of its content (often multiple resources from a human point of view) behind a single binary (and opaque to machines) endpoint.

If you cannot express a URL to reflect the current state of your page, consider it hidden. If that’s your goal, then fine, but most people go to the trouble and expense of posting content on the Web so that it can be found.

Walter

On Apr 2, 2012, at 5:29 PM, ieke wrote:

I must also add that I think ‘web’ times are changing and the age of clicking from page to page is a bit gone.


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

:slight_smile: Yes, you 're all wright! :slight_smile:

Flash indeed in on his way out. And indeed a website should be found and looked at.

I just meant I don’t want a website anymore that goes like ‘click, click, click, click, click, click,…’
I just want one that shows all content in one view. So people can easily and fast see what it 's all about (and then click if they want more).

And sure SWF is not the way to go about it.
For me it 's -at this moment- the only option to reach my goal.
I just might rethink the design :wink:

Anyway, it is working now how I want it.
(Sometimes I just wanna know: ‘does it work?’ and ‘it must work’ and then decide it not the wright way…)

Thanks you all!


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

Hello back,

If you 're interested my site is up and running :slight_smile:
(still some small things to do like ‘anchors’ and so but that will be done tomorrow)

I did ‘rethink’ it a bit ;-), throw away the SWF’s and used both the ‘flexible inline objects’ and the Carousel action (thanks for that one!)

It isn 't exactly what I wanted, I was aiming for something like: Unreflected traits - Trillian - Cargo example design.
(with like vertical and horizontal accordions??)
But for now, it has to do.

Thanks for your support and any comment is welcome.


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

Oh, it is:
www.mmmieke.be


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

Can I just say that viewing your site on iOS (which doesn’t support mouseover) is a pretty bland experience as all you see are low res greyscale images.

There really isn’t much to draw you in using iOS. Maybe you should use the iPhone redirect action to take those users to a page that is more visually appealing.

My 2c

D


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