Construir un sitio multi-idioma con WordPress
05/02/2013Análisis ABC con Tablas Dinámicas en Excel
23/02/2013El principal dolor de cabeza para tanto para Diseñadores Webs y como para los clientes, es la eterna frase de… «en el móvil no se ve bien la web».
¿Que es Web Responsive?
Web Responsive consiste en una técnica de diseño y desarrollo web que consigue adaptar el sitio web al entorno del usuario o lo que es lo mismo al dispositivo.
Para muestra un botón.
El sitio web de Klosions es Web Responsive, y para comprobarlo podéis redimensionar vuestro navegador web, comprobando que los menús, imágenes se adaptan al tamaño de la ventana.
Obviamente la gran ventaja es que a nivel de diseño simplifica mucho el mantenimiento y los costes, ya que hasta ahora se debía diseñar una web para los ordenadores y otros sitios para dispositivos móviles.
Si estamos decidiendo sobre la implantación de un sitio web, asegurémonos que sea Responsive.
Ventajas
- Simplificación en hojas de estilos (solo es necesario una versión HTML y una de CSS)
- El diseño es el mismo y se adapta tanto para PCs, tablets o móviles.
- Simplificación de las urls (evitando subdominios o directorios mob, ios, andr, etc.)
Tipos de Diseños Responsive
- Adaptándose al ancho (varían el ancho de los objetos, redimensionándose)
- Cascada de columnas (trabajan en bloques de contenido, y situarían las columnas debajo unas de otras)
- Reestructuración (Se cambia la estructura de los elementos, asignando una forma distinta)
- Cambio del diseño visual (en función del contenido, lo adapta para que sea más fácil de visualizar).
Según diseñadores, la operativa sería trabajar Mobile First, es decir trabajar primero el diseño de pantallas pequeñas, y adaptarla en función se haga la pantalla más grande.