• Imágenes Flexibles!

  • Imágenes Flexibles!

Diseño Fluido

El principal concepto en el que se apoya el Diseño Web Adaptable es en abandonar los anchos fijos de nuestra web. Estos deberán ser fluidos. En lugar de diseñar nuestra web basándonos en valores fijos, el diseño fluido está pensado en términos de proporciones.
Leer más...

Imágenes Flexibles

Hay varias técnicas que podemos usar para que nuestras imágenes se adapten a un diseño sensible: Recortar parte de la imagen, Creando composiciones con capas, Imágenes de fondo que se escalan.
Leer más...

Media Queries

Las media queries que nos proveen de una forma de conocer bastantes propiedades comunes de los dispositivos que nos visitan que podemos utilizar en nuestros archivos de estilo para construir entornos dependiendo de los mismos.
Leer más...

Proyectos Destacados

Acerca de Responsive Web Design

Responsive Web Design es una corriente de diseño que hoy resulta revolucionaria pero que a buen seguro en el futuro será algo de lo más normal. Se trata de un modelo de trabajo por el que se diseñe un único sitio que se adapte perfectamente a todos los dispositivos que puedan consumirlo, desde ordenadores de escritorio a netbooks, tablets, telétonos móviles, televisores, etc. En definitiva, se trata de construir la web para que se vea correctamente y aproveche las particularidades de todo dispositivo que hoy exista, o pueda existir en el futuro.

Ethan Marcotte fué el que inicio esta filosofía de trabajo, que probablemente sea el que se instaure como la forma habitual de diseñar webs en un futuro cercano.

Ventajas de Responsive Web Design

img

El Responsive Web Design hace que nuestra página web sea adaptable para dispositivos móviles y otras resoluciones de pantalla.

img

Ahora no será necesario tener un diseño para ver en una computadora y otra para ver en dispositivos móviles (tablets, smartphones, etc.).

img

Cuando la resolución de la pantalla baje (las resoluciones de una tablet son menores a las de un monitor normal) el diseño hace algunos cambios. Se moverán capas para adaptarse, asi como el tamaño y en algunos casos se ira ocultando zonas.

Herramienta para realizar Pruebas:

Esta herramienta se ha construido para ayudar con las pruebas de sus sitios web.