Blog de FRONT:

Si han experimentado con el diseño web responsivo, en algún punto deben haber notado que al desarrollar una maquetación fluida del contenido, se presenta un problema mayor que generalmente no se contempla al principio. A pesar que nuestros elementos se encuentren ubicados donde lo planeamos, el texto, en específico sus dimensiones, nos darán una sorpresa.

Ya sea si se trata de una página web con dimensiones fijas o una con dimensiones fluidas, el tamaño del texto será relativo a la pantalla del dispositivo. Debido a eso, si tenemos definido un tamaño de texto en pixeles, la fuente será visualizada correctamente en dispositivos donde la densidad de pixeles sea normal (pixeles perceptibles a la vista) pero en dispositivos móviles, esa misma fuente resultara diminuta y de difícil lectura para quien visite nuestro sitio.

En las entradas previas (PARTE 1 y PARTE2) explicamos las bases para generar un sitio con una estructura responsiva y fluida. El conocimiento de CSS y su aplicación es solo una parte de la solución, lo demás corresponde al diseño que tendrá finalmente nuestra creación. Para finalizar con el tema del diseño responsivo, ahora mencionaremos puntos importantes a considerar.

La identidad gráfica de una estructura privada o pública es una parte vital cuando ésta es concebida como una marca que dirige su esfuerzo en convertirse en una experiencia perceptiva para el público.

En la publicación anterior mencionamos que una forma de ahorrar ancho de banda y reducir las peticiones a nuestro servidor desde los navegadores, es la utilización de sprites. Es una forma de optimizar una página para que el contenido cargue de manera más rápida. Pero se quedó sin mayor explicación; ahora trataremos un poco este concepto y el modo de emplearlo, verán que es de mucha utilidad y que se pueden hacer cosas interesantes con ello.

En la publicación anterior, preguntamos, ¿cómo hacer posible que nuestro sitio web se adapte correctamente a cualquier dispositivo y la experiencia de usuario sea satisfactoria? También vimos el principio básico del diseño responsivo, pero no es suficiente para lograr el objetivo de un sitio multiplataforma. A continuación seguiremos profundizando el tema, de nuevo tratando de explicar de la manera más simple.