yo aprendí responsive design en un par de días sin usar ningún libro, sólo a base de ir probando. Te hago un resumen de lo que tienes que hacer:
1) Le pones esto en el <head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
2) Las imágenes les pones style="max-width:100%"
3) Los <div> les pones un porcentaje, por ejemplo style="width:100%"
4) Usa media queries para ocultar elementos según las dimensiones de pantalla. Por ejemplo:
Código CSS:
Ver original@media all and (max-width: 900px)
{
#div7 { display: none; }
}
Alternativamente, para hacer responsive design, puedes usar Bootstrap