En muchas ocasiones cuando hablamos de nuevas tecnologías, nos es más fácil mostrar en que consisten estas, a través de ejemplos reales y visuales, la idea es mejor entendida por la audiencia, es por esto que hoy les vamos a contar que es el Responsive Web Design o Diseño web adaptativo y mejor aún les vamos a mostrar en imágenes.
¿Qué Es El Responsive Web Design?
El Responsive Web Design es una tecnología que permite adaptar el contenido de aplicaciones web o sitios web al entorno desde el cual éste es visto, estos entornos pueden ser teléfonos inteligentes, (smartphones) tabletas, (tablets) y computadores de escritorio (Desktop).
Hoy en día la importancia de aplicar esta técnica en cualquier tipo de diseño y desarrollo es imprescindible, ya que de esta forma garantizamos que nuestro contenido no sólo sea visto por una mayor audiencia sino que la experiencia de visualización ofrecida sea lo más óptima posible, reduciendo el redimensionamiento, paneo y zoom hecho sobre las páginas web.
En DesignPlus empezamos a incorporar éste tipo de tecnologías después de leer el libro de Ethan Marcotte, quien en su articulo de A List Apart introduce este nuevo concepto en Mayo 25 de 2010.
![Qué es el responsive web design #RWD - Ejemplos en Colombia 1 Responsive Web DesignPlus](https://designplus.co/wp-content/uploads/2020/04/responsive-web-designplus.jpg)
Algunos sitios web en colombia desarrollados por DesignPlus que ya cuentan con este tipo de tecnología son:
Bueno y ahora si a lo que vinimos, vamos a ilustrar lo que es el responsive web design, para ver exactamente de qué se trata esta tecnología, les dejamos una galería de imágenes de nuestro sitio web.
Galería Fotográfica
![Qué es el responsive web design #RWD - Ejemplos en Colombia 2 responsive web design macbook](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-macbook.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 3 responsive web design macbook](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-macbook-designplus-1.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 4 responsive web design iphone](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-iphone6.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 5 responsive web design iphone](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-iphone4.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 6 responsive web design iphone](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-iphone2.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 7 responsive web design](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-iphone.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 8 responsive web design ipad](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-ipad5.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 9 responsive web design ipad](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-ipad2.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 10 responsive web design ipad](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-ipad.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 11 responsive web design imac](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-imac2.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 12 responsive web design imac](https://designplus.co/wp-content/uploads/2020/04/responsive-web-design-imac.jpg)
![Qué es el responsive web design #RWD - Ejemplos en Colombia 13 Portada ebook creacion y cotizacion de sitios web portada](https://designplus.co/wp-content/uploads/2021/01/ebook-creacion-cotizacion-sitios-web-portada.png)