473,327 Members | 2,025 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

Widescreen-specific Designs?


As 16:9 widescreens become more common, are there any designs which
are specifically created to somehow exploit any advantages offered by
letterbox dimensions?

How to remain backwards-compatible with 4:9 aspect ratios, in a visual/
aesthetic sense, while exploting the particular advantages of a wide
canvas?

I did see a "16:9 design" from csszengarden.com featured in the book
"Web Standards Creativity," but on a regular 4:9 screen it caused
unsightly horizontal scroll bars to appear.

I mean, sure, current 4:9-optimized designs can use CSS to fill up the
screen horizontally, but I do feel that something none too sublte is
lost that way.

So what I'm wondering is two-fold: what 16:9 web design might look
like, and whether there's any way to provide for a "visual backwards
compatibility" with 4:9 screens.
TIA!
Jul 21 '08 #1
8 2638
In article
<a5**********************************@j22g2000hsf. googlegroups.com>,
Prisoner at War <pr*************@yahoo.comwrote:
So what I'm wondering is two-fold: what 16:9 web design might look
like, and whether there's any way to provide for a "visual backwards
compatibility" with 4:9 screens.
<http://tinyurl.com/6fnfon>

is backwards, forwards, upside-down and inside-out compatible with
different screens. Next question?

--
dorayme
Jul 21 '08 #2
On Jul 21, 11:06*am, dorayme <doraymeRidT...@optusnet.com.auwrote:
In article
<a535c321-4368-4971-a8d1-dd8bf0306...@j22g2000hsf.googlegroups.com>,
*Prisoner at War <prisoner_at_...@yahoo.comwrote:
So what I'm wondering is two-fold: what 16:9 web design might look
like, and whether there's any way to provide for a "visual backwards
compatibility" with 4:9 screens.

<http://tinyurl.com/6fnfon>

is backwards, forwards, upside-down and inside-out compatible with
different screens. Next question?

--
dorayme
Dorayme,

Pls send me the full url of the page, as tinyurl is blocked at my
workplace.

Jagadees
Jul 21 '08 #3
In article
<a3**********************************@p31g2000prf. googlegroups.com>,
jagadees <ja***************@gmail.comwrote:
On Jul 21, 11:06*am, dorayme <doraymeRidT...@optusnet.com.auwrote:
In article
<a535c321-4368-4971-a8d1-dd8bf0306...@j22g2000hsf.googlegroups.com>,
*Prisoner at War <prisoner_at_...@yahoo.comwrote:
So what I'm wondering is two-fold: what 16:9 web design might look
like, and whether there's any way to provide for a "visual backwards
compatibility" with 4:9 screens.
<http://tinyurl.com/6fnfon>

is backwards, forwards, upside-down and inside-out compatible with
different screens. Next question?

--
dorayme

Dorayme,

Pls send me the full url of the page, as tinyurl is blocked at my
workplace.
OK here goes... but Gus will be cross with me as my newsreader might
break it up:

<http://netweaver.com.au/alt/thumbnai...ons/thumbPortr
aitGallery7.html>

If you have trouble, it is

http://netweaver.com.au/alt/

and look for the folder

thumbnailGalleryWithShortCaptions

and then in that folder look for any of the three html files.

--
dorayme
Jul 21 '08 #4
On 2008-07-21, Prisoner at War wrote:
>
As 16:9 widescreens become more common, are there any designs which
are specifically created to somehow exploit any advantages offered by
letterbox dimensions?

How to remain backwards-compatible with 4:9 aspect ratios, in a visual/
aesthetic sense, while exploting the particular advantages of a wide
canvas?
4:9? Don't you mean 4:3?
>
I did see a "16:9 design" from csszengarden.com featured in the book
"Web Standards Creativity," but on a regular 4:9 screen it caused
unsightly horizontal scroll bars to appear.

I mean, sure, current 4:9-optimized designs can use CSS to fill up the
screen horizontally, but I do feel that something none too sublte is
lost that way.
The montior's aspect ratio has no relevance to designing a web
page. The browser window cam still be any size and shape.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Jul 21 '08 #5
Prisoner at War wrote:
As 16:9 widescreens become more common, are there any designs which
are specifically created to somehow exploit any advantages offered by
letterbox dimensions?

How to remain backwards-compatible with 4:9 aspect ratios, in a visual/
aesthetic sense, while exploting the particular advantages of a wide
canvas?
Standard Aspect Ratio is 4:3.

To my thinking, AR (nor screen size) has little to do with Web page
design. If you have a fluid design a user can stretch or contract his
browser at will regardless of AR, screen size, or even how many displays
he has.

If you were to design, for instance, a page that /required/ a 16:9 AR
you're forcing everyone else to horizontally scroll. Not a good idea.

--
Ed Mullen
http://edmullen.net
A pair of jumper cables walks into a bar. The bartender says, "I'll
serve you, but don't start anything."
Jul 21 '08 #6

A possibly related question that I've been wondering about again
lately: is there any standard-compliant way of specifying a limit
on line lengths that still allows lines to wrap to narrower
screens if need be?

Everyone knows that text is easier to read if the lines aren't
too long (hence multi-column magazine layouts and so on); and
everyone (hopefully) knows that it's a bad idea to specify an
absolute line length on the web, since you don't know anything
about the physical characteristics of the user's display.

So, should we do web 1.0 compliant designs and let the width of
the browser window control the length of the lines? But the
trouble with that is everyone else is designing with an
assumption of relatively wide screens and maximized browser
windows (e.g. a column of navigation controls on the left,
additional content in side bars on the right): that puts
pressure on users to use wide browser windows, which means that
if you *don't* do something control the margins of the text,
they're going to be hit with excessively long lines by default.

Myself, I often use silly compromises like wrapping the text in
tables that are defined as 60-80% of the screen width -- but
what I really want is to be able to specify an absolute limit on
line-length but to let the minimum line width remain undefined.

Aug 19 '08 #7

Joseph Brenner <do**@kzsu.stanford.eduwrites:
A possibly related question that I've been wondering about again
lately: is there any standard-compliant way of specifying a limit
on line lengths that still allows lines to wrap to narrower
screens if need be?

Everyone knows that text is easier to read if the lines aren't
too long (hence multi-column magazine layouts and so on); and
everyone (hopefully) knows that it's a bad idea to specify an
absolute line length on the web, since you don't know anything
about the physical characteristics of the user's display.

So, should we do web 1.0 compliant designs and let the width of
the browser window control the length of the lines? But the
trouble with that is everyone else is designing with an
assumption of relatively wide screens and maximized browser
windows (e.g. a column of navigation controls on the left,
additional content in side bars on the right): that puts
pressure on users to use wide browser windows, which means that
if you *don't* do something control the margins of the text,
they're going to be hit with excessively long lines by default.

Myself, I often use silly compromises like wrapping the text in
tables that are defined as 60-80% of the screen width -- but
what I really want is to be able to specify an absolute limit on
line-length but to let the minimum line width remain undefined.
Ah... "max-width" in CSS:

http://www.w3.org/TR/REC-CSS2/visude...min-max-widths

I was just, once again, trying to decide if there was any real
point in switching to CSS for layout, and as far as I'm concerened
that looks like the killer app.

Funny that none of the CSS advocacy rants I've been reading think
to mention it.

Aug 19 '08 #8
On 2008-08-19, Joseph Brenner wrote:
Joseph Brenner <do**@kzsu.stanford.eduwrites:
....
>But the
trouble with that is everyone else is designing with an
assumption of relatively wide screens and maximized browser
windows (e.g. a column of navigation controls on the left,
additional content in side bars on the right): that puts
pressure on users to use wide browser windows, which means that
if you *don't* do something control the margins of the text,
they're going to be hit with excessively long lines by default.
Nope. The better web designers make no such assumptions. They
write pages that will work in narrow or wide windows.
>Myself, I often use silly compromises like wrapping the text in
tables that are defined as 60-80% of the screen width -- but
what I really want is to be able to specify an absolute limit on
line-length but to let the minimum line width remain undefined.

Ah... "max-width" in CSS:

http://www.w3.org/TR/REC-CSS2/visude...min-max-widths

I was just, once again, trying to decide if there was any real
point in switching to CSS for layout, and as far as I'm concerened
that looks like the killer app.

Funny that none of the CSS advocacy rants I've been reading think
to mention it.
Try reading the advice posts rather than the rants; it has been
mentioned in many places.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Aug 19 '08 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Kerberos | last post by:
I want to center a division but I can't! It works only in Internet Explorer but it doesn't in Opera, Mozilla or Firefox...Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...
20
by: Joe exCSSive | last post by:
Hi, folks: I'm back...and now I'm really stuck !! I have a graphic ( http://www.sundialontario.com/images/makeitatable.jpg ) that I would like to convert to CSS and I'm not sure how to do...
0
by: Shawn K | last post by:
We have two widescreen laptops in our office, and one client laptop that does not display our applications properly. Specifically, when displayed in a wide screen resolution it appears that...
248
by: Generic Usenet Account | last post by:
As per Google's Usenet archives http://groups.google.com/googlegroups/archive_announce_20.html], the first discussion of the Y2K problem on the Usenet was on January 18 1985...
23
by: craig | last post by:
This is a little off topic, but I thought it couldn't hurt to ask... I am about to purchase a new development laptop computer. Before I do, I thought I might ask the C# development community if...
0
by: jhcope | last post by:
I have recently inherited a vb.net desktop application that has a font problem. The previous developer says he compiled the application one time on a laptop with a widescreen. Since that compile...
6
by: Christopher Glenn | last post by:
I have very basic html skills. My friend who has a wide screen monitor and is using IE7 sent me a jpg screen shot of my home page. I have attached this jpg, but I recall a while back that...
2
by: Victor Lin | last post by:
Hi, I encounter a problem with pickle. I download a html from: ...
10
by: prakashwadhwani | last post by:
Office 2007 & thus Access has had it's menus replaced with the Ribbon Bar. It's very disconcerting. In Word, Excel, Access, I feel totally lost. Also all the shortcut Menu pulldowns don't work...
1
by: sagi kalif | last post by:
Hi friends I created a VS 2005 C# form with many components spread on it. My screen resolution is 1280x800. I want the form and components to look just the same in any resolution, in...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.