Clase 10 y 11 | MOBILE FIRST | JQUERY

En la Teórica vimos:

 

“Mobile First” es un concepto simple: diseñar pensando en los móviles primero. En el cual debemos comenzar siempre centrándonos en los dispositivos con pantallas más pequeñas y generalmente con menor ancho de banda disponible para la navegación.

En un móvil no cabe toda la información y no tiene sentido que un usuario deba hacer un scroll casi infinito hasta encontrar aquello que resulta de importancia.

 

En Mobile First  tu diseño irá de menos a más y por tanto gradualmente irás acomodando las cosas y adaptando el layout a las necesidades de cada anchura de pantalla.

 

/* Si es mayor a 768px */
 @media (min-width:768px){

body{ background: #fff;}
 footer{ display: none;}

}

 


|  JQuery |


img_jquery

 

 

 

| OTROS EJEMPLOS |