8 replies [Last post]
photomoon
photomoon's picture
Offline
Regular
Last seen: 2 years 6 weeks ago
Timezone: GMT+2
Joined: 2009-11-29
Posts: 30
Points: 43

Hey!

Wondering about which screen resolution do you make the webpage for?
Is there a "the typical one"? Is not the 1024x768 been it for a long time?

//P

Tags:
flamenco
flamenco's picture
Offline
Enthusiast
US, East Coast
Last seen: 3 years 14 weeks ago
US, East Coast
Timezone: GMT-5
Joined: 2009-04-13
Posts: 240
Points: 144

The general recommendation,

The general recommendation, if using a fixed width type of design, tends to be around 960px width or so these days. This tends to adequately cover the widest range of resolutions in common use. Obviously, some will have different opinions.

I've been handed Photoshop comps from designers who are determined to have much wider designs than that. I figure they're using enormous monitors, and fall in love with what they're seeing on their own screen. In any case, these particular people don't like annoying people like me who tell them that site visitors may get unpredictable results on different browsers, resolutions, and hardware.

There are still some surfers with narrower resolutions, such as 800, but statistically these are now so few that CSS coders don't tend to code for that anymore (assuming that these users can always scroll a bit, maybe).

And of course now you have the ever-increasing interest in coding for mobile devices. I haven't needed to explore this on the job much yet, but I assume that I will be doing so soon.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 13 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

photomoon

photomoon wrote:

Hey!

Wondering about which screen resolution do you make the webpage for?
Is there a "the typical one"? Is not the 1024x768 been it for a long time?

//P

Decide who your audience is. when you figure that out, check the link below
http://www.w3schools.com/browsers/browsers_display.asp


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

photomoon
photomoon's picture
Offline
Regular
Last seen: 2 years 6 weeks ago
Timezone: GMT+2
Joined: 2009-11-29
Posts: 30
Points: 43

hmm.,. hard for me to know...

I do have "a picture of" the audience, but it doesn´t help me; the page is for a company who´s selling jewellery (not yet a webshop, and for now the gallery is at a "outside" blog and flickr.com, just a little one at the webpage I make).

If I got you right it´s far too little with 1024x768 these days.
How to get around that users use both widescreen a "normal" screens?
My client is worried about that the "height" of the webpage is changing from resolution to resolution. How to deal with that? How to get the width to be always the same, despite resolution? Is the resolution the elastic (/living") layout? That I am not familiar with, and don´t know how to do (have understand that there is some issues to deal with there then, IE and so on, or am I wrong)?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 15 weeks 2 days ago
London
Joined: 2004-06-06
Posts: 15650
Points: 2788

There is no issue for you to

There is no issue for you to get around!

As has been said decide on the min width which nowadays tends to be acceptable at ~960px this will display the full width on most small screens running at 1024 albeit browser maxed out.

As for wide screens *shrug* I have two very wide screens if I run browsers maximized I'm a fool, if you are designing to fluid layouts you could leave width open and let the user resize to the width they like and find comfortable or set a max width that you think suits and it doesn't hugely matter what but perhaps ~1280px

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 15 hours 42 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5055
Points: 2633

Check out this interesting

Check out this interesting and timely article by Russ Weakley http://www.maxdesign.com.au/articles/resolution/

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 15 weeks 2 days ago
London
Joined: 2004-06-06
Posts: 15650
Points: 2788

Seen that approach mentioned

Seen that approach mentioned before and iphone can be handled using those, not convinced we really need to doing this though; regardless our usual issue arises with IE not handling media queries.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 2 years 25 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

There's a paucity of mobiles

There's a paucity of mobiles who support media queries as well... the ones who do tend to be the same ones who have zoom and so are able to view the "screen" version ok. The mobile browsers who NEED a 120px-wide stylesheet are the same ones who don't support stuff like stylesheet switching etc.
: (

I still try to let my pages live on 800px-wide screens but recently had a page redo that pretty much required a width that works on the 1024 browsers. I'm not happy how it is on 800-screens but, oh well.

One thing to keep in mind, which Hugo mentioned, is that someone's screen size or resolution doesn't necessarily translate to browser window size. People with larger screens may be power users who minimise their browsers to 600x800 while having 15 other apps open... I seem to be in the minority browsing full-screen. People with 27" Macs maybe surf full-screen because they're graphic designers who like that kind of thing? My own website looked like a narrow strip in the middle at 1200px wide on one of those in the Apple store!! Imagine what a 760px-wide blog looks like!

I'm no expert, but I fake one on teh Internets

johndept1
johndept1's picture
Offline
newbie
england
Last seen: 3 years 50 weeks ago
england
Timezone: GMT+5
Joined: 2010-05-04
Posts: 3
Points: 3

what resululation you have.

what resululation you have.