Haciendo la web responsiva

Hace algunos ayeres existía la moda de hacer los sitios y webapps en dos versiones separadas: la de escritorio y la movil, y a cada una se le asignaba un paquete de hojas de estilo y js.

Sin embargo esto se traducía en dos cosas: doble trabajo y software poco mantenible ya que si se desea hacer una modificación habría que meter mano en ambas versiones para mantener la cohesión de éstas. Claro, estos fueron los inicios de la web móvil  y entonces apareció algo maravilloso llamado: la web responsiva.

La web responsiva, como su nombre lo dice, son los sitios cuya vista responde de acuerdo al dispositivo que las visita.

Responsiveness es el uso de hojas de estilo y algunos metadatos en HTML que nos van a permitir que el esquema del sitio ajuste los elementos en cualquier resolución de pantalla, de forma que la información se muestre de la mejor forma no importando si se visita desde una PC, una tablet o un teléfono.

Claro que implica algo de trabajo extra, pero los resultados se hacen notar al ver tu sitio o en mi caso, tu webapp desde el teléfono y observar que se ve perfectamente bien.

wp_ss_20140907_0001 (1)

Anuncios

Cuentanos tu reaccion

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s