[Pro] "Flexible" web pages

Can “flexible” web pages be created? I’ve read the reference manual on pg. 236 about “flexible HTML items” and I’m not sure that a flexible web page can be created for my particular project.

I’ve built a web site using a Photoshop jpeg sized at 1584 x 864 pixels as the background, which is also the size of my Freeway web page file. This site is live and can be viewed at www.saralarsondesign.com.

Sara, the client, likes it but is concerned that on some browsers/monitors/resolutions, the outer edges of the site can be seen, whereas a “flexible” site would adjust to the browser window and the edges would not be seen.
She’s wondering if Freeway can build a “flexible site”?

Is there a way to use the same jpeg for the background but construct the Freeway file so that the site visuals will auto adjust (be flexible) to fill any browser?

Thanks,

Patty


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

There is a page background action called, “Full Background Proportional” which will allow a background image to change size as a user changes the size of the browser window.


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

Thanks, where do I find that action?

Patty

On Mar 4, 2010, at 9:46 AM, Rich Gannon wrote:

There is a page background action called, “Full Background
Proportional” which will allow a background image to change size as
a user changes the size of the browser window.


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

http://actionsforge.com/projects/view/75-full-background-image


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

Thank you - sorry to jump in -
question - does the background image have to be a graphic layer - or can you go inspector - background - image?
and do you put this action on the page or …

Thank you

On Mar 4, 2010, at 1:03 PM, Rich Gannon wrote:

http://actionsforge.com/projects/view/75-full-background-image


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

Select, Page->Page Action-> Full Background Proportional

An action palette will pop up, click activate and then select the graphic file for your page background. You won’t see the graphic until you preview.


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

worked like a charm - I have to fix the picture now so its not stretched… LOL

http://www.babybootyshop.com

Thank you - I was not thrilled w the tile background!

On Mar 4, 2010, at 1:03 PM, Rich Gannon wrote:

http://actionsforge.com/projects/view/75-full-background-image


freewaytalk mailing list
email@hidden
Update your subscriptions at:
List Options | FreewayTalk


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

I have to back up - it works great in safari - but when i checked in firefox there was no pix.

is there a solution to that?

J
On Mar 4, 2010, at 1:07 PM, Julie Maxwell wrote:

Thank you - sorry to jump in -
question - does the background image have to be a graphic layer - or can you go inspector - background - image?
and do you put this action on the page or …

Thank you

On Mar 4, 2010, at 1:03 PM, Rich Gannon wrote:

http://actionsforge.com/projects/view/75-full-background-image


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


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

ps my link is:
http://www.babybootyshop.com

On Mar 4, 2010, at 4:21 PM, Julie Maxwell wrote:

I have to back up - it works great in safari - but when i checked in firefox there was no pix.

is there a solution to that?

J
On Mar 4, 2010, at 1:07 PM, Julie Maxwell wrote:

Thank you - sorry to jump in -
question - does the background image have to be a graphic layer - or can you go inspector - background - image?
and do you put this action on the page or …

Thank you

On Mar 4, 2010, at 1:03 PM, Rich Gannon wrote:

http://actionsforge.com/projects/view/75-full-background-image


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


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

I see the same background picture in Safari, Firefox, and Chrome. However, it looks like Safari is the only one that is working the correct way, the other two are tiling the picture rather than scaling it to the window size…not sure why.
Do you have a page background set in your page inspector? If so try removing it.


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

I did actually on all pages.

I just rechecked it and reloaded - I had a second master that was not being referred 2 but i still d/ced it just in case.

I also have the issue w it taking a while to load.

Thank you

Julie
On Mar 4, 2010, at 4:28 PM, Rich Gannon wrote:

I see the same background picture in Safari, Firefox, and Chrome. However, it looks like Safari is the only one that is working the correct way, the other two are tiling the picture rather than scaling it to the window size…not sure why.
Do you have a page background set in your page inspector? If so try removing it.


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

I still am not seeing the background in firefox

J
Sent from my iPhone

On Mar 4, 2010, at 16:31, Julie Maxwell email@hidden wrote:

I did actually on all pages.

I just rechecked it and reloaded - I had a second master that was
not being referred 2 but i still d/ced it just in case.

I also have the issue w it taking a while to load.

Thank you

Julie
On Mar 4, 2010, at 4:28 PM, Rich Gannon wrote:

I see the same background picture in Safari, Firefox, and Chrome.
However, it looks like Safari is the only one that is working the
correct way, the other two are tiling the picture rather than
scaling it to the window size…not sure why.
Do you have a page background set in your page inspector? If so
try removing it.


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


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

Can someone help me with understanding how to make my web page dimensions “flexible” within any browser window?

I’m trying to follow the directions given below, however when I choose “Page Action-> Full Background Proportional” there is no such action listed. “Full Background Proportional”, I’m not given that choice,
it is nowhere to be found.

Is that something I have to download and load into my Freeway 5 Pro?

Help, I’m pretty confused.

Thanks.

On 4 Mar 2010, 5:10, Rich Gannon wrote:

Select, Page->Page Action-> Full Background Proportional

An action palette will pop up, click activate and then select the graphic file for your page background. You won’t see the graphic until you preview.


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

Is that something I have to download and load into my Freeway 5 Pro?

Yes - this action is available at http://actionsforge.com/actions/view/141-full-background-proportional

But it is not a necessary part to make a flexible site - what it will do is make a background image flexible to suit the width of the browser window.

David


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

Thanks Dave.

So, how do I make my web site flexible to adapt to any browser
(display dimension) my site launches on?
That’s what I’m trying to do, so I don’t get any weird looking margins
on the outside of my site pages
between the pages and the browser edges.

Patty

On Jun 21, 2010, at 5:13 PM, DeltaDave wrote:

Is that something I have to download and load into my Freeway 5 Pro?

Yes - this action is available at http://actionsforge.com/actions/view/141-full-background-proportional

But it is not a necessary part to make a flexible site - what it
will do is make a background image flexible to suit the width of the
browser window.

David


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

so I don’t get any weird looking margins on the outside of my site pages between the pages and the browser edges.

What do you mean exactly by ‘weird looking margins’

A common way to create the flexibility that you seek is by using what is commonly referred to as The Box Model approach. But it is not the only way

DanJ has a vid at Website is under construction - it is $5 but by all accounts worth the money.

D


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

Basically, sometimes when I’ve created a page with a background
graphic which is placed in Freeway, the pixel dimensions
have been fixed and are not flexible. Sometimes the background does
not fill the space in the browser window leaving
visible margins outside the background image which look really bad.

To avoid this problem, I want to design site pages which are always
flexible and adjust to any browser.
Therefore, I’m looking for the correct technical approach to achieving
that.

Thanks,

Patty

On Jun 21, 2010, at 6:04 PM, DeltaDave wrote:

so I don’t get any weird looking margins on the outside of my site
pages between the pages and the browser edges.

What do you mean exactly by ‘weird looking margins’

A common way to create the flexibility that you seek is by using
what is commonly referred to as The Box Model approach. But it is
not the only way

DanJ has a vid at Website is under construction - it
is $5 but by all accounts worth the money.

D


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

There are limits to this sort of design that you really ought to be
aware of and deal with proactively.

Beyond a certain number of characters/words in a line of text, it
becomes increasingly unlikely that people will be able to read the
text you present without having serious difficulty finding their place
after the end of each line. This leads to a slowdown in reading speed
and a loss of confidence and comfort while reading, which can lead
people to leave your site.

So while you may want to have your background appear to fill the
browser window, I would posit that you would want to set a definite
limit to the overall width of the page. Your only other option if you
intend to present reading material to your visitors is to use a
dynamically scaled page, where the width of the window sets everything
– the font size, leading, inter-paragraph spacing, etc. to a factor
of the page width, so that line lengths as measured in average number
of words remain a fixed constant. This can lead to some serious “Fun
with Dick and Jane”-scale type on larger displays, though.

Another approach is to have the page background scale to fit the
window, but the text contents only grow in width until they reach a
stopping point (again, limited by the upper bounds of a readable line)
after which all the growth happens in non-text elements.

The FreewayTalk site is one example of this theory in practice. The
site is centered in the browser, and has a single fixed width, aimed
at presenting 12 - 20 words per line at average browser defaults.
There is a preference to make the page wider if you like, but the
defaults are designed to enhance readability. The background images
are set to tile, so the layout looks designed no matter what width
window it appears in.

Another approach to the visible edge is to layer background images,
and make the edges blend into each other. The header of the
FreewayTalk site shows this in practice as well. There is a fairly
narrow image that tiles horizontally to create the blue band at the
top of the page. But the same background texture is used within the
logo at the top of the page. Drag that image in Safari to see a
thumbnail of it and see how the puzzle pieces fit together. One image
overlaps the other, and the edges match up really well. A little
random noise “texture” in the images makes it all but impossible to
see the seam.

Walter

On Jun 21, 2010, at 9:52 PM, Patricia Wisner wrote:

Basically, sometimes when I’ve created a page with a background
graphic which is placed in Freeway, the pixel dimensions
have been fixed and are not flexible. Sometimes the background does
not fill the space in the browser window leaving
visible margins outside the background image which look really bad.


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