Is there an action that resizes a site to a viewer’s screen size? I have just created a site which looks ok on my large 24” screen but not smaller ones of course.
or is there an easy way of resizing in Freeway?
Thanks very much
Kevin Barrett
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
It’s up to you, the designer, to create a site that will either
respond to a change in screen size (through proportional dimensions)
or degrade nicely (through centering and background tricks) on a
larger screen.
It is almost always best to choose a minimum dimension for your site,
and then make it capable of growing larger, rather than trying to
stuff a much larger screen design into a smaller screen without side-
scrolling.
First of all, you don’t control the end-user’s computer, and even if
they have a 24" screen, may choose to browse with their browser window
much smaller than that, if only to make the vast majority of sites
(designed for 800 or 900 pixel widths at most) look better. I have two
20" screens side by side, so I forget how many jillions of pixels wide
that is, but suffice it to say, my browser windows open to maybe 100px
wide at most.
Second, there are serious deficits to trying to read really wide
columns of text, or to try to hop from one column to the next in a
multi-column layout. If your site is showcasing text, you need to
stick to a text column size that affords 11 - 15 words or your text on
each line. Any more, and you will have to be a really serious Web
typographer to make the necessary adjustments to permit a normal human
to read those words comfortably. If you’re showing off a tiled field
of image thumbnails, then certainly, you can have a ridiculous number
of columns wide. But if you do that, then try using a fluid layout to
make the screen resize work for you rather than force a particular
number of columns to the screen. http://freewaycast.com/screencasts/view/20-flexible-inline-objects
Freeway Pro makes it very simple to convert a page layout to a
flexible display size. Start with your minimum dimension (the smallest
screen you will support without horizontal scrollbars appearing). Lay
out your page normally, and preview it in a browser. Resize your
browser until the page just fits. This is your baseline layout, so get
happy with it.
Now make sure your page is set to Align: None. (This is critical –
the site will never resize if it’s set to any other value.
Next, go through your layout and change each element’s width to a
percentage. Highlight the width value in the Inspector, type in some
random number below 100, followed by a percent sign (no space between
numerals and the percentage sign). Now drag-resize back to the width
you visually prefer. Freeway will do the math for you and give you a
perfect percentage-based dimension. Next, click on the icon to the
left of the height property field in the Inspector. This disables the
height, so the HTML box can shrink-fit to its contents.
Preview again, and resize the browser window. Your page should stretch
to fill the available browser window space. There’s quite a lot more
to it than this, but these are the basic rules of the road.
A centered, fixed-width design is much easier to do, and in many cases
will work very nicely as well. Look on this list for references to a
page-within-a-page layout, that’s what they’re aiming for – the look
of a page floating above a larger (full-screen) background. The http://freewaytalk.net
site is but one very simple example of this sort of layout.
Walter
On Nov 21, 2010, at 12:50 PM, Kevin Barrett wrote:
Is there an action that resizes a site to a viewer’s screen size? I
have just created a site which looks ok on my large 24” screen but
not smaller ones of course.or is there an easy way of resizing in Freeway?
Thanks very much
Kevin Barrett
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
Erm, 1,000 pixels, that is.
On Nov 21, 2010, at 1:13 PM, Walter Lee Davis wrote:
maybe 100px wide at mos
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
thanks Walter, I have just come back to producing sites of a few years of not doing them, forgot the essentials of course doh!
Thanks for your help
kevin
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
hi walter,
this sounds what i’m looking for, but i don’t seem to make it work.
the elements of my site don’t move according to the size of the browser and stay centered like it happens here on freewatalk.net. would you be able to help out on that?
thanks
kenji
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Kenji,
are you living in Japan?
I’m based in Tokyo.
Cheers
D.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
hi dave…
i’ve lived in tokyo but now in brazil…my home land.
cheers.
k
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options