Entradas

Mostrando entradas de abril, 2017

Diseño web adaptable, adaptativo o responsivo

Imagen
El  diseño web adaptable  (también  diseño web adaptativo  o  responsivo ; este último  calco  del inglés  responsive web design ), es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las  páginas web  al dispositivo que se esté utilizando para visitarlas . Hoy día las páginas web se ven en multitud de dispositivos como  tabletas ,  teléfonos inteligentes ,  libros electrónicos ,  portátiles ,  PC , etcétera. Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla,  resolución , potencia de  CPU , sistema operativo o capacidad de  memoria  entre otras. Esta tecnología pretende que con un único diseño web, todo se vea correctamente en cualquier dispositivo. 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  R

One Web

Imagen
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 ). Una web única significa que todo el contenido que publiques debe estar alojado bajo una misma ubicación ( URI ), sin importar la herramienta de acceso (navegadores por ejemplo). Un contenido, una ubicación, en eso se resume la web única. La idea y el propósito del diseño web adaptable fueron previamente discutidos y descritos por el  World Wide Web Consortium  (W3C) en  julio de 2008  en su recomendación  Mobile Web Best Practices  bajo el subtítulo «One Web». Dicha recomendación, redactada específicamente 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. Una misma  ubicación   ( https://