Libro didáctico de Responsive design

pabje · #1 (**permalink**) 29/03/2015, 15:37

Hola

Necesito adquirir un libro bueno de responsive design, práctico, entendible , que tenga practicas didácticas con mucho código css3 y html5 y explicación textual de cada ejercicio.

Si me pueden asesoror un buen libro con estas caracteristicas que se pueda conseguir en las librerias o por internet pero que lo pueda pagar en efectivo ya que no poseo tarjeta de crédito ni cuenta en un banco.

Me ayudan. Gracias.

NueveReinas · #2 (**permalink**) 30/03/2015, 03:19

En el blog de UXPin (click aquí) tienen bastantes ebooks gratuitos sobre conceptos de diseño responsive, UI, UX, interacción, consejos... Bastante recomendable.

Google también tiene sus guías y conceptos...

Solo hay que buscar.

superweb360 · #3 (**permalink**) 01/04/2015, 18:52

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