When you look at your 1080p HD computer monitor, you are looking at over 2,000,000 pixels – 1920 wide and 1080 high. It is quite a bit of real estate. As these monitors have replaced older computer monitors, many websites designed only a few years ago have begun to resemble a mailing label lost in a giant background.<\/p>\n

Websites have to be designed for some<\/em> lowest common denominator. What screen\u00a0resolution\u00a0should designers utilize that will satisfy the widest audience? The current thinking is that we are in a transition from 800 pixels wide that is commonly thought to correspond to monitors that have a resolution of 800×600 pixels.<\/p>\n

Research seems to suggest that this resolution has fallen to a tiny minority of desktops. In addition we have to consider the scaling issues attendant with smartphones.<\/p>\n

Our designs currently specify a width of 920-960 pixels. The lowest common denominator in screen resolutions would be an Ipad and the many inexpensive Netbooks that utilize a native resolution of 1024×768.\n<\/p><\/div>\n

$\"\"$ <\/span>
<\/div><\/a><\/div><\/div><\/p>\n
A page designed with this width will display properly on 90% of the screens currently in use. Another school of thought is liquid design where the page will adjust to 100% of the screen width. With such a large variety of large monitors your page design can look pretty ridiculous when a nicely formatted 8 line paragraph becomes a single line of text 2560 pixels wide!<\/p>\n
For a detailed breakdown of these statistics visit the Browser Statistics Page →<\/a>
\nat w3schools.com. They have compiled informative statistics to guide thinking in these questions. There really isn’t a correct answer to this dilemma – it’s an exercise in tradeoffs\u2022<\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,10,11,8,7],"tags":[],"_links":{"self":[{"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/posts\/288"}],"collection":[{"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/comments?post=288"}],"version-history":[{"count":15,"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/posts\/288\/revisions"}],"predecessor-version":[{"id":338,"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/posts\/288\/revisions\/338"}],"wp:attachment":[{"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/media?parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/categories?post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/otsukadev.com\/content\/wp-json\/wp\/v2\/tags?post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}