What's a good screen resolution to design for?

[zambaretul2005]

thank you for the info i currently use 1024 x764

[zambaretul2005]

thank you for the info i currently use 1024 x764.

[TheCashbash96]

hi what screen size did you use for this video so that it fit the whole screen for the video. plz respond

[gogoasacenusie]

How about a fluid layout? Wont that solve all the problems?

[BlueBoden]

Honestly, this has changed a lot doing recent years. So there is no "best" to design for. Browsers also got a zoom function now, making it less important what resolution you design for.

You can also use Media queries to automatically chose the right stylesheet, based on user agent screen resolution. So obsessing about screen resolution, really shows that you need to wake up from your slumber.

[Thet3]

@BlueBoden hmmm really? I am a noob.. I was wondering about resolution also..

[ititan09]

I think the visitors to Matt's site are more likely to have higher screen resolutions, grandma is still running windows 98 or xp and has a CRT in my guess.

[stevo632]

960 grid system.

iphone4 has 960 width res.

huge 24inch monitors with windows7 snap allow you to browse 2 web pages at 960px width perfectly. unfortunately not on a 22inch screen for me.

Also got to consider for the growing mobile web platforms. Otherwise do a fluid design if your good enough with css. But these in my opinion are only good if the website is for text, and very rarely for sites with image content etc.

[InkPilot]

I use a 2560x1600 resolution, it would be interesting to see a website that was made specifically for that resolution :)

[aguf2001]

this could help: browsersize googlelabs (google it)

[larssonk22]

I design for 1024x768 but if you design to this size make your pages 960 pixel wide max this allows for padding and no horizontal scrolling.

[mrcakey]

First off, thanks for your answer. I suspect that most visitors to your site are a little ahead of the curve in terms of sophistication.

My approach is to set a max-width for a site and avoid any strong horizontal lines below the 600px mark. I've also begun adding an IE6 warning by default and charging clients extra if they want this removing and IE6 support adding. Yes, it's a bit hardline but we have to get rid of it if the web is to reach its full potential.

[GTWCMT]

1024 x768 is very popular screen sizes

One of my websites has a HD 1600x1050 and also a 1024 x764 site, both are the same, just smaller by using css so users have a choice.

I dont really think vertical is a big issue, but horizontal is, most users are used to scolling DOWN for content and NOT ACROSS

[sayweb]

I always go for 750 width. Great, Great Questions, Great Great answer. I guess the secret for success in life is finding what your are meant to do, and Matt was born for Computer science.... congratulations.

[trinixia]

I wish someone would give a good answer to this question. Was hoping for you to Matt but you didnt

[troglodyte3344]

I think most people would want to know the width of the screen size. But, with 2009 being the first year that laptops over took PC's in the sales, its a good bet that unless the screen sizes of laptops become bigger, you would maybe not wish to go about 1100 pixels width.

[webbkommunikation]

As gthing32 mentions, remember that screen resolution is not the same as browser viewport size. Read how to track your visitors' viewport size in Google Analytics on my blog. Just search for: beantin measuring viewport size with google analytics.

Also note that, as mentioned in the vid, in many situations (mobile web, wii, iPad) screen resolutions are getting *smaller* not *bigger*

[gthing32]

Screen sizes might be getting bigger, but that doesn't mean people's browsers are. There's no need to maximize your browser on your 24" monitor, so most people will keep their browser window about the right size for website - which are overwhelmingly designed for 1024x768 resolution.

[ShawnKHall]

Unfortunately, you're attempting to relate *your* site (intended primarily to tech enthusiasts, developers and those in the search industry) to the world at large. There is no way that there will be even a remote correlation there, as those in the industry tend to go all out with their hardware in order to facilitate larger development environments. Further, with the growth of the mobile world and now the release of the iPad, screen resolution and support for much smaller devices is paramount.

[Conceptskatemedia]

@ShawnKHall We have a site for mobile devices and computers. It's impossible to design a site that will show up good on a phone and computer. Liquid layouts may work but not as well as designing a seperate site for each.

[hdbuster18]

Thank you! I really needed an answer to this question :)