Resoluciones y Navegadores

Bueno… Después de tantas dudas hahahaha, viene la última creo. Pedro (mi antiguo patrón) y La cabrita siempre insistieron en hacer páginas de 800×600. Siempre he preferido hacerlas de 1000×800, pero siempre consideré eran cuestiones de gustos… Pero como este proyecto sí lo quiero hacer bien… Pues me puse a investigar… Las estadísticas del foro (TWY) y mi página (DK) son las siguientes

• Die Ketzerei
  1. 1024×768 – 87 – 47.80%
  2. 1280×800 – 43 – 23.63%
  3. 800×600 – 18 – 9.89%
  4. 1280×1024 – 14 – 7.69%
  5. 1280×720 – 6 – 3.30%
  1. Internet Explorer – 124 – 68.13%
  2. Firefox – 50 – 27.47%
  3. Safari – 3 – 1.65%
  4. Chrome – 2 – 1.10%
  5. Opera – 2 – 1.10%
• The Wasted Youths
  1. 1280×800 – 1,535 – 46.83%
  2. 1024×768 – 820 – 25.02%
  3. 1680×1050 – 256 – 7.81%
  4. 1440×900 – 254 – 7.75%
  5. 1152×864 – 244 – 7.44%
  1. Firefox – 2,072 – 63.21%
  2. Internet Explorer – 882 – 26.91%
  3. Safari – 258 – 7.87%
  4. Chrome – 54 – 1.65%
  5. Opera – 7 – 0.21%
  6. Konqueror – 2 – 0.06%
  7. Mozilla – 2 – 0.06%
  8. Playstation Portable – 1 – 0.03%

Como ven, si quisiera hacer la aplicación para el foro bastaría con que funcionara en Firefox (63.21%) a una resolución de 1000×800. En cambio si la hiciera para los demás tendría que funcionar en Internet Explorer (68.13%) a una resolución de 1000×800, aunque sería discutible si ese casi 10% de 800×600 importa o no…

Si vemos las estadísticas nos lleva a una pregunta un foro que es de jóvenes es, tecnológicamente hablando, más actualizado que el usuario promedio que utiliza la computadora para trabajar y no para jugar WoW en una resolución de 2500×1280 (no digo que los jóvenes únicamente jueguen, pero si les interesa mas una resolución alta, cuando el usuario promedio ni siquiera sabe que es eso).

Así que la conclusión es que haré un diseño líquido o elástico, es decir, que funcionará perfectamente bien a 800×600 (menos que eso no lo sé), pero si tienes una resolución de 1280×800, de igual manera se vera fullscreen. Esto se refiere a que en ocaciones entramos a páginas que en 800×600 tapan toda la pantalla del navegador, pero cuando subimos la resolución a 1280×800, simplemente vemos el contenido de la pagina al centro con 190 de cada lado libres. Un diseño líquido crece con el tamaño de la ventana, así siempre la vemos en toda la pantalla, sin afectar el contenido.

¿La diferencia entre uno y otro? Con un diseño fijo, por ejemplo a 800×600, especificámos exactamente eso, width de 800. En cambio con el diseño líquido especificámos el width con %, por ejemplo en vez de decir que el menú tiene 200px de ancho, decimos que tiene 25% de ancho.

Veremos si es cierto que es tan bella y sencilla la solución…

Links:

• http://www.w3schools.com/browsers/browsers_stats.asp
• http://www.webpagemistakes.ca/most-common-screen-resolution/
• http://essays.dayah.com/problem-with-pixels
• http://www.upsdell.com/BrowserNews/stat_trends.htm

Saludos