Resoluciones de pantalla

[man_haeng]

Hola a todos:

Soy nuevo por aquí y me gustaría hacer una pregunta.
Voy a desarrollar una web para mi como presentación en HTML5 y CSS3 pero no tengo que resolución usar como estándar. ¿1024 x 768?.

Gracias de antemano por la orientación.

[ramonjosegn]

1024 x 768 es la estándar actualmente para países desarrollados, para países en vías de 800x600

[man_haeng]

Iniciado por ramonjosegn

1024 x 768 es la estándar actualmente para países desarrollados, para países en vías de 800x600

Muchas gracias, ramonjosegn , seguro que pasaré por aquí a resolver muchas dudas más.

[madhatterdef]

si 1024 x 768 es la resolución estándar. igualmente recuerda que siempre puedes usar porcentajes o puedes cambiar el css según la resolución

ej.

<script type="text/javascript">
if (screen.width < 1024 ) {document.write('<link rel="stylesheet" type="text/css" href="800.css">');}

else if (screen.width == 1024) {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}

else if (screen.width >1024 && screen.width <1280 ) {document.write('<link rel="stylesheet" type="text/css"href="1152.css">');}

else if (screen.width = 1280 && screen.height !== 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280.css">');}

else if (screen.width = 1280 && screen.height == 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280X960.css">');}

else {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}

</script>

esto va a cambiar el archivo css
en el primer caso si el ancho la resolución es menor a 1024
en el segundo si el ancho es igual a 1024
en el tercero si el ancho es mayor a 1024 y menor que 1280
en el cuarto si el ancho es 1280 y el alto 960
y el ultimo si no es ninguno de los anteriores

puedes cambiar los valores como quieras
si no entiendes algo pregunta y tratare de responderte

[loncho_rojas]

no tiene nada que ver la disposicion economica de un pais u otro... ¿Paises en vias de desarrollo o desarrollados?.. nada que ver el comentario y la verdad que 1024, yo siempre desarrollo a 1000 o 950px de ancho maximo del cuerpo contenedor dependiendo del objetivo de la web

[ramonjosegn]

Acá puedes econtrar más información sobre los estándares, para mí es evidente que el número de usuarios es directamente proporcional al número de usuarios que usan tal o cual resolución, dependiendo de si el país está o no en desarrollo, pero bueno, cada cual puede opinar lo que quiera

http://en.wikipedia.org/wiki/Display_resolution

[ulisess]

El pais donde consumiran tu sitio no tiene nada que ver, si bien en el pasado si era importante, hoy no, por lo regular se diseña en 960px, 1000px o 1200px aprox; pero todo depende del proposito de tu sitio, tambien puedes leer un poco acerca de responsive design, para que tu contenido se ajuste al dispositivo del que se accede al mismo.

[devsalinas]

conoces las grillas? diseño en base a grillas verticales muy similar a las de diseño editorial, existe una web que se llama 960.gs ellos proponen un estandar adivina que medida tiene (960)

[cristian_db]

claro que depende del tipo de web que sea y no del país, pero mientras el ancho sea entre 960 y 1200 px esta bien.
Saludos!

[ramonjosegn]

Vaya, elminaron a medio planeta para que acceda a un sitio de un plumazo jajajaa...

Bueno, si quieres evitarte problemas con la resolución de pantalla, utiliza diagramación líquida, donde el diseño se ajusta a la pantalla....

[man_haeng]

Gracias a todos por los consejos:

De momento voy a trabajar para 1024, pero iré experimentando con varias hojas y el tema de responsive design.
El tema de las "grillas" lo había visto por ahí, me parece muy interesante como plantilla de medidas. Tendré que estudiarlo también.

Gran ayuda de todos para un novato con muchas preguntas.

[frandelarge]

Iniciado por devsalinas

conoces las grillas? diseño en base a grillas verticales muy similar a las de diseño editorial, existe una web que se llama 960.gs ellos proponen un estandar adivina que medida tiene (960)

Hola! me gustaría saber más acerca de esto de las grillas? vale decir las grillas parten todas de la base 1024x768 y aumentando en términos porcentuales, llegando a 1280, 960?
gracias

[frandelarge]

Iniciado por ramonjosegn

Vaya, elminaron a medio planeta para que acceda a un sitio de un plumazo jajajaa...

Bueno, si quieres evitarte problemas con la resolución de pantalla, utiliza diagramación líquida, donde el diseño se ajusta a la pantalla....

Cuál es esa diagramación líquida??

[frandelarge]

Tengo otro planteamiento, la otra vez me hablaban que dependían de las pantallas de computadoras que existen actualmente lo que conviene usar, a eso descontandole el espacio que usa el navegador, entonces cuales serian las que se ajustan a estos requerimientos??

[man_haeng]

Iniciado por frandelarge

Cuál es esa diagramación líquida??

Por lo que sé, se trata de que uses tamaños relativos en el tamaño de cajas, márgenes y demás, en lugar de tamaños absolutos.

Es decir, en lugar de tener en tu CSS un código para article como este:


article{ margin-left: 30px;
max-width: 900px;
}

Deberías tener un tamaño expresado en porcentajes como por ejemplo:

article{ margin-left: 5%;
max-width: 90%;
}

De esta manera, el tamaño de cada cosa dependerá del tamaño de pantalla y a su vez del de la caja que lo contiene. Esto, es, todos tus tamaños se adaptarán al tamaño de la ventana.

Sin embargo si quieres hacer esto, te recomiendo que experimentes, porque también es cierto que afectará un poco al diseño de tu página.

[frandelarge]

Comprendo, finalmente encontré un par de artículos en unos links que quiero compartir que son útiles para decidir la resolución de pantalla, el primero es cuál es la resolución de tu pantalla:


http://browsersize.googlelabs.com/

y el otro una encuesta de las resoluciones más recurrentes:

http://lifehacker.com/5428806/whats-...een-resolution


Saludos!

[granbosteron]

Creo que lo ideal es 1200px. Como siempre uno tiene que adaptarse a la tecnología y no ella a nosotros. En breve tiempo las páginas 960 px serán muy angostas.

Dejo unas estadísticas interesantes:
http://www.w3schools.com/browsers/browsers_display.asp

saludos a todos

[DanielRGB]

yo diseño siempre a 1000px, y dentro de este 980px, ya que me gusta tener 10px por los laterales, ya sea para meter sombras o sacar algún detalle fuera de la web.

[cristian_db]

Bueno según este ranking casi el 50% utiliza una resolucion mayor a 1024x768. Asi que tranquilamente se podría usar un ancho de 1200 px

Ranking Resoluciones de Pantalla Febrero 2012

1. 1024x768: 16.22%
2. 1366x768: 13.49%
3. 1280x800: 12.72%
4. 1280x1024: 8.43%
5. 1440x900: 6.35%
6. 1920x1080: 4.65%
7. 1680x1050: 4.17%
8. 320x480: 3.72%
9. 1600x900: 3.39%
10. 768 x 1024: 3.17%

[DanielRGB]

pienso que 1000px o 980px es la medida perfecta... en altura, pues ya depende... hay mucha mucha gente que pierde el 25% de la pantalla cuando está navegando, por la infinidad de toolbar que se les instala por desconocimiento.

a un cliente una vez le vi que encima que su portatil era superpanoramico... tenia tantas tantas barras de herramienta en el navegador, que solo se le veia el top de la página! un top de menos de 200px!!

[ramonjosegn]

Ahí tienes algunas herramientas para trabajar con diagramación líquida

http://speckyboy.com/2010/05/30/liqu...nd-frameworks/

[PDD_20]

1024x768, no más.