Utilizando imagen responsive y video

Cambiando la imágen según la resolución

Utlizamos 4 imágenes que se mostrarán y cambiarán según la resolución de pantalla del usuario, puedes probarlo haciendo más pequeña la estrecha del navegador. Para cambiar la imágen según el tamaño de resolución hemos puesto el siguiente código:

<picture>
<source media="(min-width:1100px)" srcset="images/0.jpg">
<source media="(min-width:800px)" srcset="images/1.jpg" width="100%">
<source media="(min-width:500px)" srcset="images/2.jpg" width="100%">
<source media="(min-width:400px)" srcset="images/3.jpg" width="100%">
<img src="images/0.jpg" width="100%">
</picture>

 

Puedes verlo en acción redimensionando esta pantalla

My 10 favourite expressions of this week

Estas son mis 10 expresiones favoritas de la semana!

  1. She gets on my nerves: Me saca de quicio
  2. Thirty-odd years old: Treinta y tantos años!
  3. Enough is enough: Ya esta bien!
  4. To fair enough: Me parece justo!
  5. A penny for your thoughts: Lo que daría por saber lo que estas pensando! (algo así)
  6. In spite of…: A pesar de…
  7. I go nuts!: Se me va la olla!
  8. Im freaking out: Me estoy volviendo loco
  9. Indeed!: Ya lo creo!
  10. It’s not a big deal!: No es para tanto!