31.05.2016 Views

completely

Enough_Software_Guide_16thEdition_Web_spanish

Enough_Software_Guide_16thEdition_Web_spanish

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

La Fragmentación Requiere Adaptación<br />

El mayor reto del desarrollo web móvil es la fragmentación. En<br />

teoría, todos los dispositivos con conexión a internet pueden<br />

acceder a cualquier sitio móvil a través de un navegador. La<br />

realidad, sin embargo, es que los desarrolladores necesitan<br />

atender al creciente número de navegadores y dispositivos con<br />

diferentes niveles de capacidades de software y hardware para<br />

adaptar y optimizar el contenido web móvil.<br />

En términos generales, existen dos enfoques para optimizar<br />

el contenido para dispositivos móviles: adaptación del lado del<br />

cliente o del lado del servidor.<br />

——<br />

La adaptación del lado del cliente hace uso de una combinación<br />

de CSS y JavaScript ejecutándose en el dispositivo<br />

para ofrecer una experiencia idónea para móviles.<br />

——<br />

La adaptación del lado del servidor utiliza el servidor para<br />

que ejecute lógica antes de que se suministre el contenido<br />

al cliente.<br />

La siguiente sección ofrece una revisión de técnicas tanto<br />

del lado cliente como del lado servidor para hacer los sitios<br />

webs accesibles a la mayoría de dispositivos tanto actuales<br />

como futuros con acceso a internet.<br />

Adaptación del Lado Cliente<br />

Diseño Web Adaptativo (Responsive)<br />

En su formato más simple, el diseño adaptativo se compone de<br />

una rejilla flexible, imágenes flexibles y CSS media queries para<br />

adaptarse a una serie de resoluciones de pantalla o tipos de<br />

dispositivos.<br />

Esto por sí solo proporciona una experiencia adaptada al<br />

Sitios para Móviles y Tecnologías Web<br />

109

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!