There are a lot type of screen resolution for today’s netbook and notebook, I know there are 1024x768 and 800x600, what are the smaller ones ? Thanks!
I think the most common in netbooks today is the 10" netbooks with 1024x600 (not 768)
But more and more those will go to 1366x768, I saw only one with this high resolution at 10" lately, but a few months earlier I bought one Asus EEEPC at 11.6" with 1366x768 for my brother, because I thought 1024x600 is just not enough to be confortable for web browsing.
So 1024x600 is the smallest one for me. 800x600 are nearly done, only a few percent of visitors.
Of course smartphones such as iphone have a smaller resolution, but those don’t count until they’ve increase their resolution width to 1024 minimum, do they?
Anything down to 0 x 0 (where the content get spoken rather than displayed).
Widths of under 400 are common on older mobile phones.
Web TV has always had a fixed width of 452.
For content to fit the width of the paper when printed it needs to be under 748.
My 15" laptop is 1440x900 (I think).
I would say this is treading down a dangerous road, screen resolutions are not important, what is important is that devices use a wide range of display sizes and resolutions, it’s a bad move to assume that your visitors will browse to your website using an explicit resolution (especially a common one like 800x600) when designing websites (most PC’s allow setting custom resolutions) you will be much better off to use relative widths like percentages.
Don’t always assume that someone when viewing any website on their laptop is doing so via the laptop’s own screen, they might well be viewing it on an external monitor connected up to the laptop which could be anything up to about 24" in size and be running any screen resolution up to about 1920 x 1200 and they might not necessarily have the browser window maximised.
That’s another important point, not only might the end user not have the browser window maximized (making resolution entirely redundant), the browser may have additional components clogging up real-estate like sidebars which will reduce the available screen space even further. Resolution detection is a very poor method to determine what the browser can make use of because it’s a given that the end user may not have all the space their resolution gives them.
Doesn’t go much lower than 1024x768 nowadays.
1024x768 is the industry standard, design for that
Oh? And, from where does that come? IEEE? ECMA? ISO? W3C? Some other standards organization?
Common ≠ Standard
cheers,
gary
What rubbish. WebTV can’t go wider than 544 pixels.
Printed copies can’t go wider than 748 pixels.
Even on a 4000x3000 resolution screen you can’t guarantee that anyone would have a browser viewport size any bigger than 750 wide.
Safest is to make it flexible so it works at multiple widths and make sure that 748 is within the widths it works at.
There are a growing number of screens at 400x300 and smaller but they usually provide additional options for being able to scroll the content but you still don’t want people having to scroll too far. Being able to fit at least half the width of the page across the screen again gives a figure of around 700 as a width that you need your page to work at and if you want it to work for everyone is has to work at 544 pixels…
@blackhatz83 and zartworkdesigns
There are a number of devices which can access the Internet, each one has it’s own resolution so you can’t guarantee any particular resolution will be used:
- Mobile Phones: There is quite a variety of different screen sizes and resolutions with these from the small early net capable ones to newer ones like the iPhone.
- Sony PSP: That can access the Internet via Wi-Fi, could be used by someone to access the net on the move.
- Fridges: There have been fridges made that have a screen for accessing the Internet.
- NetBooks: Smallish screens on them.
- Laptops & Desktops: A wide range of screen sizes and resolutions for them.
- TVs: Many TVs have suitable connectors enabling them to be used as computer monitors
There might be other device types not listed there but you get the general idea about why your design should be flexible and not have a fixed width.
Don’t forget games consoles (graphics cards may have limitations to supported resolutions), E-readers (some can read HTML formatted documents), MP3 players (like the iPod Touch which runs in the same way to an iPhone), cars (have inbuilt screens in the seats), old monitors which only support low resolutions… heck the list is pretty much endless. There is no such thing as a “standard” resolution anymore, in the old days you could count on 90% of people having either 800x600 or 1024x768 (access to it, not necessarily using it), these day’s it would be easier to guess what browser they were using in preference to the available canvas region.
All the more reason to create as many specific style sheets as possible, so as to serve up the right layout to the right device. You can’t account for everything, but you can cover most bases that way.
Actually, all the more reason to create a fluid layout using one stylesheet which works for everyone, not loads of separate stylesheets to try and deal with every potential situation (an impossible task), at most all you will need is a screen, print and handheld specific version of the website.