LOGIN | REGISTER NOW | SUBSCRIBE
 
Print

Web resolution revolution as screens get bigger, smaller


By Alan Zeichick


 Alan Zeichick
Email
March 28, 2011 —  When you’re building a website or a Web application, how big is the user’s screen going to be? That used to be an easy question to answer, but now it’s getting a lot harder. And that means a lot of extra presentation-layer work for someone on your team.

When I first started building static websites, back in the Neolithic era, the typical desktop or a notebook had a screen that was 1024x768 pixels or 1280x1024. There were some outliers, mainly at 800x600. Based on that, page design was set to be somewhere around 700 pixels wide. That let everyone see everything without worrying about horizontal scrolling.

Since then, three things that happened to change those assumptions:

1. Wide-screen displays have become more common, which means that monitors are shorter and wider. Designs have to take both dimensions into account. My 15-inch MacBook Pro and 13-inch MacBook Air, for example, are both 1440x900. This can be a problem when showing images that were formatted for a 1024-pixel-high display.

2. Huge monitors are becoming common. Modern desktops monitors (or external displays for laptops) seem to start at 1680x1050, and go all the way up to 2560x1600. A 700-pixel-wide Web page is lost in all that real estate, but what behavior does your application exhibit if the browser window is widened?

3. Mobile devices are all over the map. With handsets, an Apple iPhone 3GS screen is 480x320, the iPhone 4 is 960x640, Motorola’s Droid2 is 854x480, and HTC’s HD7 is 800x480. For tablets, the iPad is 1024x768, the Samsung Galaxy Tab is 1024x600, and the Motorola Xoom is 1280x800. Most mobile browsers dynamically scale down wider pages or graphics to fit, but still, it’s good to know what you’re shooting for.

Here’s a snapshot of data taken this month from one particular source: the sdtimes.com website. It’s a “focus group of one,” and may not reflect what you get on your own website or Web applications, but it’s a data point to think about.

Craig Reino, SD Times’ Director of IT, told me that “Resolutions are undergoing a revolution. Where there used to be a clear majority among our browsers on sdtimes.com, there is now a wide range of resolutions. The most popular has only 14%, and it is 1280x1024.”

Specifically, here are the top 10 screen resolutions, pulled from our Web analytics:
1280x1024: 14.02%
1280x800: 12.87%
1440x900: 10.62%
1680x1050 10.17%
1024x768: 8.26%
1920x1200: 7.19%
1920x1080: 7.00%
1366x768: 6.86%
1600x900: 2.33%
320x480: 2.03%

Does this match your experience?




Share this link: http://sdt.bz/35877
 
Most Read Latest News Blog Resources
Virtualization: Not just for machines anymore
Network virtualization allows multi-tiered applications to behave as though they were in a physical network
Magic announces the release of its revolutionary mobile offering for the development of business applications, with new native clients for iOS and Android platforms
Magic announced today the availability of native iOS and Android clients for its mobile enterprise application platform
Achievements and learning: Gamification comes to businesses and schools
Startup takes page from gamers by offering achievement marks to get developers more engaged in their projects
Zeichick’s Take: The handheld and the tablet, circa 1976
Texas Instruments' and Hewlett-Packard's calculators were doing things decades ago we take for granted today
Digg!  Digg
Reddit  Reddit
Slashdot  Slashdot
Share on facebook  Facebook
Share on Twitter  Twitter


Add comment


Name*
Email*  
Country     


  • Comment
Loading




close
NEXT ARTICLE
Book Excerpt: The Tangled Web: A Guide to Securing Modern Web Applications
From Part III: A Glimpse of Things to Come Read More...
 
 
 
 
News on Monday
more>>
SharePoint Tech Report
more>>


   

 
 

Download Current Issue
MAY 2012 PDF ISSUE

Need Back Issues?
DOWNLOAD HERE

Want to subscribe?


 
blogs tab
Creation
To write better software, cultivate your ability to be creative.
05/19/2012 07:40 PM EST

Slick...but who needs it?
compilr.com is a well-designed site and the folks behind it seem to have their heart in the right place. But...who needs it?
05/16/2012 12:45 PM EST

How to be a better software developer
Want to be a better developer? You won't get there by mastering an interesting language or learning a new set of APIs.
05/14/2012 12:18 PM EST

Wooing Galatea
Do yourself a favor and check out Galatea 2.2, a wonderful book by novelist Richard Powers.
05/12/2012 07:05 PM EST

The world as story
An artificial-intelligence system at Carnegie Mellon seeks to understand the world by making statements about it.
05/10/2012 06:39 AM EST

The Rise of the Brogrammer, or the Rise of the Sexist Programmer?
Women in Silicon Valley get vocal about sexist ads and campaigns that contribute to a tense work environment.
05/09/2012 03:14 PM EST

 

Events calendar tab
Business Analytics Innovation Summit
5/23/2012 to 5/24/2012
Chicago
IEG

IBM Innovate Conf.
6/3/2012 to 6/7/2012
Orlando
IBM Rational

Agile Development Conference West
6/10/2012 to 6/15/2012
Las Vegas
SQE

Better Software Conf.
6/10/2012 to 6/15/2012
Las Vegas
SQE

AMD Fusion Developer Summit
6/11/2012 to 6/14/2012
Bellevue, Wash.
AMD