A question for the Webpage designers....

[Electric Amish]

Do you design in the res you are targeting? (e.g. 1024x768 or 800x600)

I was just playing around on a page and relized that I've been desiging in 1792x1344. This is going to look friggin huge on 1024x768....

How do you keep this from happening?

amish

 

[notfred]

You have to have a little foresight, that's all

 

[minendo]

I usually design for 800x600 and sometimes do for both 800x600 and 1024x768.

 

[IcemanJer]

got a Matrox eDualHead, second monitor running at 1024x768, I open up my design on that monitor and do the work on my main monitor (1280x1024).

 

[LakerGod]

You should at least go down to 1024 by 768, which is what the average person is running and put a disclaimer for all the nerds who use a resolution bigger than that.

 

[GoingUp]

I design everything for 800x600.... I make everything in flash in its own java window, so you have to take in account the putzs running at 800x600..... I do have a disclaimer saying everything looks better at 1024x786 though,....

 

[Czar]

normaly design it for 800x600, but for my final project this semester I'm going to be bold and go with 1024x768

 

[notfred]

Originally posted by: LakerGod
You should at least go down to 1024 by 768, which is what the average person is running and put a disclaimer for all the nerds who use a resolution bigger than that.

Like what? "Warning: if your resolution is set higher than 1024x768, this page will fit on your screen just fine"?

 

[Electric Amish]

Originally posted by: LakerGod
You should at least go down to 1024 by 768, which is what the average person is running and put a disclaimer for all the nerds who use a resolution bigger than that.

Yeah, that's the res I had intended, but I'm working in 1792x1344.

amish

 

[Kevin]

I design my pages in Paint Shop Pro then convert the page to HTML when I iron everything out. Usually I use a 775 x 500 image as my work area and build from there...

 

[GroundZero]

try to design in the resolution you are targetting.
800x600 probably the best res for the average internet user out there.
although i do have to think that in the next few years that a higher resolution will become more the standard.
you have to remember that the majority of people on the net do not have high end monitors and/or machines.
if you are going for the broadest range of people to hit this site, then go with the assumtion that most of the hits
will come from people with 14 inch monitors and lower-end graphics cards.

 

[Beau]

Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

 

[Steve819]

Would designing the website with a CSS stylesheet offset much of the problems? ie. setting font size to a percentage?

Edit: Damn, looks like Beau and I think exactly alike.

Steve

 

[Electric Amish]

Originally posted by: Beau6183
Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

How do you load images and use percents for their size?

amish

 

[Beau]

Originally posted by: Steve819
Would designing the website with a CSS stylesheet offset much of the problems? ie. setting font size to a percentage?

Steve

Didn't know you could do font scaling with percentages... I'll have to try that. But, yes, it would solve most of the problems, except for images.

 

[notfred]

Average Computer Screen Resolution
January 2001
Resolution % of Users
640 x 480 8.9%
800 x 600 49.5%
1024 x 768 22.5%
1280 x 1024 2.0%
Unknown 14.8%


Here's July 2002:

1. 1024 x 768 (43%)

2. 800 x 600 (37%)

3. 1280 x 1024 (12.9%)

4. 1152 x 864 (3.8%)

5. 640 x 480 (1.3%)

6. 1600 x 1200 (1%)

7. 1152 x 870 (0.2%)


I think you'll notice a trend

 

[Beau]

Originally posted by: Electric Amish

Originally posted by: Beau6183
Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

How do you load images and use percents for their size?

amish

I use a javascript that takes the window size, maximum screen size and image size and then manipulates the images to whatever the window-to-screen width ratio is.

 

[notfred]

Originally posted by: Electric Amish

Originally posted by: Beau6183
Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

How do you load images and use percents for their size?

amish

<img src="somefile.jpg" width="50%">

 

[Beau]

Originally posted by: notfred

Originally posted by: Electric Amish

Originally posted by: Beau6183
Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

How do you load images and use percents for their size?

amish

<img src="somefile.jpg" width="50%">

I didn't think that was fully supported. Haven't tried it in mozilla yet. Does it work?

 

[ThePresence]

Originally posted by: notfred
Average Computer Screen Resolution
January 2001
Resolution % of Users
640 x 480 8.9%
800 x 600 49.5%
1024 x 768 22.5%
1280 x 1024 2.0%
Unknown 14.8%


Here's July 2002:

1. 1024 x 768 (43%)

2. 800 x 600 (37%)

3. 1280 x 1024 (12.9%)

4. 1152 x 864 (3.8%)

5. 640 x 480 (1.3%)

6. 1600 x 1200 (1%)

7. 1152 x 870 (0.2%)


I think you'll notice a trend

Yikes! Who the hell is still running at 640 x 480?

 

[Electric Amish]

I was only working on the main page...

Here's what I ended up with... <---won't load in Mozilla/Netscape. Somethings wrong with the script for the menu.

Here's the site as it exists today...

amish

 

[Kevin]

Originally posted by: notfred

Originally posted by: Electric Amish

Originally posted by: Beau6183
Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

How do you load images and use percents for their size?

amish

<img src="somefile.jpg" width="50%">

Be careful though, it will most likely distort your images...

 

[Steve819]

Originally posted by: Beau6183

Originally posted by: Steve819
Would designing the website with a CSS stylesheet offset much of the problems? ie. setting font size to a percentage?

Steve

Didn't know you could do font scaling with percentages... I'll have to try that. But, yes, it would solve most of the problems, except for images.

From the template I am using:

body {
background-color: #F0F8FF;
}

p, ul, ol {
color: black;
font-size: 80%;
font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
text-align: justify;
}

Hope that helps.

Steve

 

[Beau]

Originally posted by: kevin000

Originally posted by: notfred

Originally posted by: Electric Amish

Originally posted by: Beau6183
Most of my work is designed in percentages, so it automatically scales to the monitor. I've even written a few scripts that select different image sizes depending on the user's screen resolution. But if I do a static-sized website, I generally do it @ 800x600.

How do you load images and use percents for their size?

amish

<img src="somefile.jpg" width="50%">

Be careful though, it will most likely distort your images...

Yup.

<--- Fiening for the day that web browsers support vectored art (eps) natively.

 

[aphex]

I try to design for 1024x768 (800x600 if its feesable) but its kinda hard on my laptop that has a native res of 1600x1200.