Responsive Web Design. Diseño web ajustable según el dispositivo.

Una buena forma de comenzar con el diseño responsive es acceder a la web http://www.getskeleton.com/
,descargar su estructura básica e ir "jugando" a modificar el index para ir tomando los primeros contactos.
Si modifcamos el ancho de la ventana del navegador es como si adaptasemos nuestra resolución a un dispositivo menor y veremos como se adapta nuestra web en función de la resolución sin "desmontarse".: 

Ventasjas en Responsive web design

• Tenemos un diseño web unificado para abarcar un amplio número de dispositivos. Con esto conseguimos facilitar la navegación web en función del dispositivo, mejorando la experiencia del usuario y pudiendo llegar a un número mayor de éstos.

Inconvenientes en Responsive web design

• Si el sitio web que vamos a construir es demasiado complejo puede llegar ha hacerse muy difícil el control del flujo responsive Web. Por tanto sería una alternativa construir dos sitios web paralelos con resoluciones fijas y detectar el navegador con la función de javaScript 'User Agents' para identificar el dispositivo y mostrar una u otra.

• Aunque dependerá en parte de que tanto se quiera ajustar y optimizar el sitio, es que el peso de una web es igual para la visualización en un dispositivo móvil como en un PC. Ya… algunas imágenes no se cargarán y otras serán más livianas, pero el coste por parte del servidor y el peso de la página web en código HTML, CSS y JS será prácticamente el mismo.