Thoughts on screen resolution. One year later

Recently, when developing websites, the resolution of 800x600 has been less and less taken into account, which in itself is not surprising if you look at the statistics . Accordingly, either the sites are optimized for 1024x768 and higher, or they are “rubber”, which is less common.

The situation is logical and corresponds to the development of the monitor market and the aspirations of designers / developers. I already thought about this a year ago . So, a year later, my thoughts took a slightly different direction.

The number of visitors to sites with a resolution of 800x600 will not only not decrease, but increase. This is directly related to the development of subnotebooks, PDAs, mobile phones and other portable devices. A good half of the subnotebooks already have a resolution of 1024x600, but the site optimized for 1024x768, opened on such a screen in most cases will be indigestible since it takes up the entire browser window and even more. And in design, as you know, voids are important.
')
Therefore, I propose to stop ignoring 800x600 and start looking at this issue from a different angle. It seems reasonable to me:

• Create a separate style file optimized for small screen resolutions for all mobile devices.
• Using PHP / JS to create a functionality to switch the file styles for desktop owners with low screen resolution.

So we kill two birds with one stone. The site has a full-fledged mobile version and we care about visitors with a small ... resolution.

Adding a style file for mobile devices is done like this:
<link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />

About the correct design of the mobile version of the site can be read on the good old resource A List Apart .

You can switch styles using Jquery like this or that .

Solutions of course may be different, but the main idea is to take care of all visitors to the site, regardless of the monitor resolution.