Layout web con CSS Grid, Flexbox y otras técnicas modernas
Imágenes con object-fit
Un curso de Javier Usobiaga Ferrer , Diseñador web
Sobre la videolección: Imágenes con object-fit
Resumen
“La propiedad object-fit permite redimensionar y adaptar una imagen de contenido de la misma manera que manipulamos una imagen de fondo con background-size, y en esta lección veremos sus posibles aplicaciones. ”
En esta videolección, Javier Usobiaga Ferrer aborda el tema: Imágenes con object-fit, que forma parte del curso online de Domestika: Layout web con CSS Grid, Flexbox y otras técnicas modernas. Descubre las nuevas retículas y otras formas de diseñar una web con CSS Shapes, variables y efectos parallax.
Transcripción parcial del vídeo
“La propiedad "object-fit" nos permite redimensionar y adaptar una imagen de contenido de la misma forma que usamos "background size" con una imagen de fondo. Vamos a ver cómo funciona. Voy a volver un momento al ejercicio anterior para que nos fijemos en esta imagen de fondo. En esta imagen de fondo se está aplicando la propiedad "background size cover", que nos permite cambiar el tamaño de la imagen de fondo y además, en este caso concreto, que cubra el "div" al que está sirviendo como fondo. Si en lugar de "cover" le pusiéramos "contain", se modificaría el tamaño para que se mostrara el 1...”
Generamos automáticamente esta transcripción y puede haber erratas.
Resumen del curso: Layout web con CSS Grid, Flexbox y otras técnicas modernas
-
Categoría
Diseño, Diseño Web y App -
Áreas
CSS, Desarrollo Web, Diseño de producto digital, Diseño Web, HTML, Programación
Javier Usobiaga Ferrer
Un curso de Javier Usobiaga Ferrer
Javier Usobiaga es diseñador web y desarrollador FrontEnd, desde hace más de 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.
También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.
Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.
En sus palabras “creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso”.
- 99% valoraciones positivas (296)
- 8.939 estudiantes
- 25 lecciones (2h 16m)
- 16 recursos adicionales (14 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés
- Nivel: Avanzado
- Acceso ilimitado para siempre
