/    Sign up×
Community /Pin to ProfileBookmark

What resolution do you design for?

Copy linkTweet thisAlerts:
Jul 29.2007

I try to make sure my sites fit on a resolution of 800×600, but less and less people use a resolution that low. Should I be designing for 1024×768? Seems like that’s the standard size on a 17 inch monitor, and you can’t get smaller than that anywhere unless you’re buying a labtop.

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Jul 30.2007 — I don't assume people browse full screen.
Copy linkTweet thisAlerts:
@NogDogJul 30.2007 — I generally try to ensure that all the important information on a page displays in a 800x600 screen. (It's OK for unimportant stuff to be scrolled off the bottom or the right side.) My unscientific reasoning is that the page should then be usable and serve its purpose at full-screen on an 800x600 screen, and likewise on larger resolution screens where the browser is not maximized. And I try to set things up so that even narrower windows do not "scrunch" everything up into an unreadable mess (i.e.: forcing a minimum width beyond which horizontal scrolling will be required).
Copy linkTweet thisAlerts:
@felgallJul 30.2007 — The only place where resolution has any real effect is when the page is printed in which case it needs to fit in around 750 or 760 pixels in order to fit.

Many people access the web from handhelds that have nowhere near that width of display and few with wide screens will open their browser to the full width so anywhere between 200 pixels and 1000 pixels width may be used to view web pages.
Copy linkTweet thisAlerts:
@WebJoelJul 30.2007 — For computer screen viewing, I 'assume' 1024 to be the most common so design around 85 or 90% width. This also works for 800-width (showing them 85 or 90% of their width), and for wider-than-1024 too. "Fluid" whenever possible. "Static" and centered otherwise.

I like to see what my creations look like when 'linearized', which is what a hand-held might expect to see. Designing specifically for a hand-held or cellphone is a whole practice in itself. Basically #1 rule of best practice: -they (hand-held & cellphone users) don't like large banner ads and superfluous graphics & animations that do not contribute anything to actual 'content', -[I]and[/I] they do not like to [I]horizontal-scroll[/I] to view the content. ?

All of these could be addressed with a special stylesheet serving the "handheld" user-agent.
Copy linkTweet thisAlerts:
@kiwibritJul 30.2007 — I design fluid pages which will look acceptable at 800x600. For printing, I have separate CSS set up for printers with A4 paper.
Copy linkTweet thisAlerts:
@FerretJul 30.2007 — I don't often find situations where I NEED more than a 800x600 display. That's my default, I suppose, and I adjust bigger if necessary.
×

Success!

Help @snakeye spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...