La risoluzione media degli schermi è aumentata sensibilmente nel corso degli anni. In questo momento le due risoluzioni maggiormente utilizzate sono quelle con larghezza di 1024 e 1280 pixel.
Gli schermi con risoluzioni minori, dispositivi mobili esclusi sono da considerarsi trascurabili. Fino a pochi anni fa la risoluzione standard era 800×600 e di conseguenza i siti web (se ben fatti) venivano studiati per quelle dimensioni.
Nel caso di un layout fisso quanto deve essere grande la pagina di un sito per poterla visualizzare correttamente sulla maggior parte degli schermi installati?
La teoria del 960 è facile da spiegare…
Partiamo dal presupposto che la risoluzione minima più usata misura 1024 pixel di larghezza. Considerando che tale dimensione rappresenta lo schermo intero teniamo conto che l’area visibile su un browser è leggermente inferiore. Bisogna infatti considerare i bordi laterali dell’applicazione ed eventuali barre di scorrimento.
Idealmente quindi qualsiasi misura inferiore ai 980 pixel potrebbe andare bene. Perchè allora non conviene usare un numero a caso inferiore a quanto detto?
Il numero 960 è divisibile per 3, 4, 5, 6, 8, 10, 12, 15, e 16
Questo ti permette di dividere il tuo sito in un numero variabile di colonne in maniera pressoché perfetta.
In fase definizione del layout poter valutare le dimensioni in maniera assoluta (in pixel) risulterà molto più agevole che non nel caso si sia scelta una dimensione difficilmente divisibile.
Esistono veri e propri framework che ti permettono di sfruttare questa struttura. Ti segnalo il 960 Grid System ma ne esistono molti altri.
Naturalmente quanto detto non è una verità assoluta. Ma se vuoi un sito “matematicamente” corretto, 960 è il tuo numero.
Pacman
Nostradamus
Magical Cat Adventure
Snake