Comments on: Optimal Screen Resolution for Web Design (2010 Update)

By: sonu

sonu — Thu, 10 Nov 2011 08:51:14 +0000

My concern is more with the way people access a page than filling the real estate. Having done some experimental playing around with 1220 and 1400 wide pages, it becomes a question of what to put in the space without making it so distracting. And people will not read sentences that stretch 900 pixels wide – or even 700 pixels wide. grad school personal statement

By: Rasika

Rasika — Thu, 15 Sep 2011 10:47:25 +0000

Optimal Screen Resolution for Web Design (2010 Update) post is very help full.Thanks for shearing it.it's really useful………
My recent post Facebook Makes Photos Bigger & Faster

By: دردشة مصرية

دردشة مصرية — Mon, 18 Jul 2011 19:58:58 +0000

Very useful information. Making an universal resolution in very important to any website. So that what ever the resolution of the monitor of the user, the website will still look good. Darwin Web Design

By: Tjerja Geerts

Tjerja Geerts — Mon, 13 Jun 2011 14:59:27 +0000

Since there's a huge trend right now of all new upcoming tablet pc's and wether they are going to replace all laptops in future; I've already seen in multiple statistics that the 1024 x 768 specs remain the safest bets (also for ipad2)

I'm a Design Director myself, and I stick with the 960 px css grid. With scalable backgrounds., so colors and images stretch/enlarge with greater screens. At least it looks great on the ipad2 as well.

By: Tips for Web Designers From an Internet Marketer’s Perspective

Tips for Web Designers From an Internet Marketer’s Perspective — Wed, 27 Apr 2011 01:20:23 +0000

[...] Design a Site for Optimal Screen Resolution [...]

By: @m_thompson

@m_thompson — Mon, 07 Feb 2011 13:27:27 +0000

You can try http://browsershots.org/ or https://browserlab.adobe.com/. Both are really good resources!

By: david

david — Mon, 07 Feb 2011 12:42:52 +0000

Very useful post, does anyone know of how to test a website on different screen resolutions? As i only have a 13" Macbook, Somehting like Adobe Browser Labs - but for screen resolutions would b perfect? My recent post Currently working on a new psd web design for a london company

By: Rommel

Rommel — Sun, 06 Feb 2011 16:58:38 +0000

By: J. Hogue

J. Hogue — Thu, 02 Sep 2010 15:59:05 +0000

I'm a designer and so I think about these numbers all the time. The question about what amount of screen is left over once one accounts for the browsers tool bars is a good one, and frustratingly, is different depending on the browser.

All results are for a 1280 x 800 screen. Mac users do not have a bottom bar, so subtract 22 px for the OS top bar. Windows has a 22px top bar and a variable bottom bar, but XP users can expect at least another 30px for the bottom taskbar. Vista users need to account for a 40px taskbar (subtract another 10px from the numbers below):

IE8: About 1000 x 630 (topbar with tabs is 120px tall)

IE7: About 1000 x 630 (topbar with tabs is 118px tall)

IE6: About 1000 x 700 (top bar is 80px tall – no tabs allowed)

FF4: About 1000 x 670 (topbar with tabs and bookmarks is 110 px tall)

Safari: About 1000 x 680 (topbar with tabs is 94 px tall)

Chrome: About 1000 x 700 (topbar with tabs is 72 px tall)

So, with sites that you do not want to scroll, a safe size is 620 tall… 600 tall is probably safest.

In order to get it to fit nicely on the iPhone, consider fitting the dimensions into the 320 x 240 (or 3:4) aspect ratio.

By: Keith

Keith — Tue, 10 Aug 2010 12:14:39 +0000

My programmers designed for 1024×768 – my site is simple and my rule is "no scrolls" -

even with that – I now have scrolls

They did not anticipate a tool bar or a start bar across the bottom.

How stupid is that? Any advice or data on how many pixels of a typ screen are lost top and bottom for this "normal" stuff?