El diseño web adaptable o adaptativo (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.

El diseñador y autor norteamericano Ethan Marcotte creó y difundió esta técnica a partir de una serie de artículos en A List Apart, una publicación en línea especializada en diseño y desarrollo web, idea que luego extendería en su libro Responsive Web Design.

Tanto la idea como el propósito del diseño web adaptable fueron previamente discutidos y descritos por el consorcio W3C en julio de 2008 en su recomendación “Mobile Web Best Practices” bajo el subtítulo “One Web”.

Dicha recomendación, aunque específica para dispositivos móviles, puntualiza que está hecha en el contexto de “One Web”, y que por lo tanto engloba no solo la experiencia de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como dispositivos de sobremesa.3

El concepto de “One Web” hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).

Hoy en día, la variedad de dispositivos existentes en el mercado ha provocado que la información disponible no sea accesible desde todos los dispositivos, o bien es accesible pero la experiencia de navegación es muy pobre.

El uso de dispositivos móviles está creciendo a un ritmo increíble, dispositivos como tablets y smartphones han incrementado sus ventas en los últimos años y la navegación en Internet mediante estos dispositivos es cada vez más común. Ese es el motivo por el que el diseño web adaptable se ha vuelto tan popular, pues es una técnica que proporciona una solución web que puede manejar la visualización web tanto de escritorio como de dispositivos.

Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, es decir, el sitio web creado estará optimizado para todo tipo de dispositivos: PCs, tabletas, teléfonos móviles, etc. Esto mejora la experiencia de usuario a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde dispositivos móviles.

De esta forma se reducen los costes de creación y mantenimiento, pues se evita tener que desarrollar aplicaciones ad-hoc para versiones móviles, por ejemplo, una aplicación específica para iPhone, otra para móviles Android, etc.

Desde el punto de vista de la optimización de motores de búsqueda, sólo aparecería una URL en los resultados de búsqueda, con lo cual se ahorran redirecciones y los fallos que se derivan de éstas. También se evitarían errores al acceder al sitio web en concreto desde los llamados “social links”, es decir, desde enlaces que los usuarios comparten en medios sociales tales como Facebook, Twitter, etc y que pueden acabar en error dependiendo de qué enlace se copió (desde qué dispositivo se copió) y desde qué dispositivo se accede.
fuente.wikipedia

Comparando WordPress, Drupal y Joomla ¿Quieres saber qué plataforma CMS se adapta mejor a tus necesidades? WordPress, Drupal y Joomla son sistemas de gestión de contenido de código abie...
El Samsung Galaxy S6 se venderá en 4 colores Falta muy poco para conocer al próximo buque insignia de Samsung. Esta misma mañana os anunciábamos, que el dispositivo será presentado el día 1 d...
Ranking Distribuciones Linux Noviembre 2012 El lanzamiento de Fedora 18 podría amenazar la tercera posición de Ubuntu en este ranking mensual. 03/12/2012 - Apenas un mes para finalizar el pre...
A los usuarios NO les gusta el nuevo look de Facebook Dos semanas después del rediseño de Facebook, las novedades de la plataforma de Mark Zuckerberg siguen sin gustar ni convencer. Un 91% de los usuarios...
Sony presenta unas bio-baterías que absorben la energía del papel molido Ha sido durante la exposición Eco-Products 2011 que se ha celebrado en Tokio donde Sony ha mostrado una bio-batería que consigue extraer energía al pa...
Las funciones en PHP Muchas veces, cuando trabajamos en el desarrolo de una aplicación, nos surge la necesidad de ejectar un mismo bloque de código en diferentes partes d...
Contacto --------------------
Blogger sufre una avería y suspende el servicio durante 2 días Los blogueros de Blogger habrán estado mano sobre mano durante estos dos días. Y es que el servicio de alojamiento de blogs de Google acaba de sufrir ...
Flash Player 11 Flash Player 11 es la última versión del reproductor multiplataforma de Adobe para visualizar contenidos Flash. Esta nueva versión, todavía en fase...
Porque el Comercio Eletronico es tan importante actualmente Ubicuidad: la tecnología de internet/ web está disponible en todos lados, en el trabajo, en el hogar y en cualquier otro lado a través de los disposit...
¿ Que es el Diseño web adaptable ?
Tagged on: