<pedrocorreia.net ⁄>
 

<Optimal width for 1024px resolution? ⁄ >




clicks: 3503 3503 2006-09-18 2006-09-18 goto tecnologia myNews tecnologia  Bookmark This Bookmark This


Let's face it: The jump from developing for 800×600 to 1024×n is inevitable; not only inevitable, but just around the corner, too. Many of you are considering the jump. Some of you have already leaped. I suspect that some time in 2007 most of us will knock out comps optimized for 1024px resolution rather than 800px if we're not doing so already.

But perhaps just as important as when it will happen is how: What's the proper width for a layout optimized for 1024?

With 800x600 it's easy: Account for browser chrome and scrollbars (usually 40-50px) and then use as much of the remaining space as possible. This usually means a layout width of 750-760px.

If we use the same logic for 1024, browser chrome is still the same, so that leaves us with 974-984px as the "ideal" width. However, many users (including myself) don't browse full screen, especially as display resolution in increased. Almost as if there's an inverse relationship between browser width and display resolution - as the display gets wider, the browser width gets smaller (proportionately).

Additionally, in a time we all are, or should be, considering grid usage in layouts, is a random number like 974 an optimal number for dividing a layout into its necessary elements - sidebar(s), main content area, and so on? Fluid/liquid layouts are another issue, but even those have to be optimized for a minimum width.

I've been using 960 for some time now, as it's slightly smaller than full width, and it's divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16 (imagine the grid possibilities). I'd love to hear what all of you are wrestling with.



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:

http://www.cameronmoll.com/archives/001220.html




Subscribe News RSS  Subscribe News Updates by E-mail





myNews <myNews show="rand" cat="tecnologia" ⁄>

MongoDb Architecture new ...

NOSQL has become a very heated topic for large web-scale deployment where scalability and semi-struc (...)

clicks: 17751 17751 2012-05-14 2012-05-14 goto url (new window) horicky.blogspo... goto myNews tecnologia


A Hopefully Fair and Useful Comparison of Haskell Web Frameworks new ...

Recently there has been a lot of discussion and questions about the differences between the big thre (...)

clicks: 14305 14305 2012-05-13 2012-05-13 goto url (new window) softwaresimply.... goto myNews tecnologia


Retina graphics for your website new ...

retina.js is an open source script that makes it easy to serve high-resolution images to devices wit (...)

clicks: 14150 14150 2012-05-11 2012-05-11 goto url (new window) retinajs.com/ goto myNews tecnologia


What every programmer should know about memory, Part 1 new ...

In the early days computers were much simpler. The various components of a system, such as the CPU, (...)

clicks: 15478 15478 2012-05-10 2012-05-10 goto url (new window) lwn.net/Article... goto myNews tecnologia


The State Of HTML5 Video

HTML5 has entered the online video market, which is both exciting and challenging for developers in (...)

clicks: 6096 6096 2012-02-14 2012-02-14 goto url (new window) longtailvideo.c... goto myNews tecnologia


A Tour of Amazon's DynamoDB

Amazon's recent release of DynamoDB, a database whose name is inspired by Dynamo, the key-value data (...)

clicks: 5810 5810 2012-02-13 2012-02-13 goto url (new window) paperplanes.de/... goto myNews tecnologia


Video: CSS3 Secrets: 10 things you might not know about CSS3

A number of prominent front-end developers delivered helpful talks at this year's Fronteers 2011 con (...)

clicks: 6353 6353 2011-11-30 2011-11-30 goto url (new window) css.dzone.com/a... goto myNews tecnologia


Google BigQuery Service: Big data analytics at Google speed

Rapidly crunching terabytes of big data can lead to better business decisions, but this has traditio (...)

clicks: 5463 5463 2011-11-30 2011-11-30 goto url (new window) googlecode.blog... goto myNews tecnologia