Estandarizacion de resoluciones

[kiristof]

Hola a todos,

Estado viendo alguno de los mensajes del foro sobre la estandarizacion de resoluciones para paginas webs.Segun he leido la principal resolución que se utiliza es 1000x768 ,el caso es que soy principiante en la creacion de web y segun estado revisando se puede realizar la estandarizacion con javascript que te revise la configuracion de la pantalla y automaticamente se pone la web creada para esa resolución .Me gustaria saber si de alguna manera con Css no haria falta crear varias web para varias resoluciones y que automaticamente se ajustara a la pantalla del navegador del usuario.En caso de que solo se pueda realizar con javascript si la pantalla del navegante es de mayor resolucion automaticamente se veria la de 1024 o no seria asi?


Un saludo y gracias de antemano

[pzin]

Puedes hacer lo que viene llamándose un diseño líquido en css (fluido, elástico...). Básicamente es usar porcentajes en tus capas contenedores.

[txemaarbulo]

Apoyando lo que te dice Bonez, personalmente apuesto por crear una página pensando en 1024 px (generalmente 960 o 980 px de cuerpo para evitar scroll).

La paralela, porcentual y pensando en diseños para tablets vs. smartphones.

Veamos la estadística:
dale un vistazo a w3cscoll

Por debajo queda apenas un 2-3%. Si apuesto más arriba, pierdo un 16%.

No se trata de hacer muchas web paralelas. Para escritorio nos gustan los márgenes pero para tablets no disponemos de espacio.

Conclusión:
Tú diseñas la página: para 1024 px o más, absoluta; porcentual para menores soluciones (y aquí pensando en los smartphones o tablets, cuyo diseño varía en peso, imagen, programación).

[pzin]

En realidad es bastante relativo todo esto.

Entiendo que antes todo era 800x600, y algún desalmado aventurero había con 1024. Pero aparte de haber mil tropecientas resoluciones, nadie dice que vaya a ir con el navegador maximizado. De hecho yo nunca lo tengo así, seguramente no sea el caso. Pero es curioso que nunca haya leído nada acerca de que la resolución de pantalla no tiene porqué ser el ancho del navegador.

De todas formas kiristof, el post de txemaarbulo #3 es lo comúnmente aceptado y seguramente la forma más correcta de enfocarlo.
Una cosa si, mirando las estadísticas de las W3Schools, no pensé que fuera tanta gente que tuviera más de 1024. Gratamente sorprendido.

[javiandgo]

Pues yo discrepo de solo un pequeño asunto Diseño Liquido o Fluido de lo que realmente se debe emplear que es Diseño de Respuesta o Responsive si es que se quiere trabajar para realizar las adaptaciones a dispositivos móviles o para resoluciones en pantalla de 800 x 600, 1024x728 etc etc.

Tener presente que Diseño Liquido es el empleo de porcentajes en los elementos y no tamaños fijo. Diseño Responsive implica emplear @media query para diferentes resoluciones.

Diseño web adaptativo

[pzin]

Iniciado por txemaarbulo

Veamos la estadística:
dale un vistazo a w3cscoll

Me vine a percatar ahora, mientras estaba en el mejor sitio del mundo para pensar, que es muy surrealista hacer referencia a estadísticas de uso de usuarios usando w3schools.

Aunque a veces nos gusta sentirnos un poco como si estuviéramos inmensos en una caverna de aquella alegoría de Platón, hay más mundo que el nuestro propio.