ceslava | diseño y desarrollo web

Etiqueta: lí­quido

  • Estupenda Plantilla líquida 960 grid system

    Ya hemos hablado sobre las ventajas del diseño web lí­quido, adaptable a cualquier resolución, frente al diseño estático. Plantillas gratuitas hay muchas, algunas ya están listas para usar y en otras lo que consigues es un punto de partida, un layout al que añadirle tu propio estilo.

    Stephen Bau ha diseñado una plantilla fluida basada en el sistema 960 grid. Este sistema lleva su nombre por tener un ancho fijo de 960 pí­xeles, tiene 2 rejillas, una de 12 y otra de 16 columnas.

    Stephen Bau ha cambiado los pí­xeles por porcentajes y le añadido todo tipo de efectos de Mootools, sin duda una de las mejores plantillas gratuitas con la que puedes empezar cualquier proyecto.

    960grid lí­quido

    (más…)

  • ¿Es tu web usable a 800 x 600? | El inútil «Optimizado para 1024 x 768”

    Navego y navego y aunque mi resolución de pantalla es superior cuando visito sitios geniales pruebo a ver cómo funcionan a 800×600, pocas veces quedo satisfecho, la web queda cortada y aparece el incómodo scroll horizontal.

    image

    Me cuesta pensar que la razón de esto es la falta de conocimiento de CSS, sitios que no voy a nombrar con un diseño estupendo ignoran a los usuarios que trabajan con esta resolución. Es cierto que cada vez son menos pero no pocos, sólo tienes que mirar las estadí­sticas de tus visitantes, es un porcentaje alto. Quizás haya aumentado la media de tamaño de los monitores pero cada vez hay más portátiles con pantallas no tan grandes.

    Lo he comentado con diseñadores que argumentan que su target dispone de monitores mayores y por ende de una resolución de al menos 1024×768 pí­xeles.

    Algunos llegan a insertar el texto «Optimizado para 1024×768″. ¿Qué significado tiene esto? El que tenga esa resolución le sobra esa información sólo le estás diciendo que menos mal, porque si tuviera otra no lo verí­a tan bien. Y si tienen 800×600 y leen esto qué pueden hacer, no van a cambiar su resolución, van a cerrar la página y no volver.

    En diseño es básico empatizar con el usuario.

    Si te apetece aporta tu opinión en un comentario, ya seas ví­ctima (con resolución 800×600) o diseñador.