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 de Object Fit nos permite redimensionar y adaptar una imagen de contenido de la misma manera que utilizamos Background Size con una imagen de fondo. Vamos a ver cómo funciona. Voy a evaluar un momento el ejercicio anterior. para que nos fijemos en esta imagen de fondo. Esto es una imagen de fondo al que se le está aplicando la propiedad background-size-cover, que lo que nos permite es cambiar el tamaño de la imagen de fondo y además, en este caso concreto, que cubra el Deep al que está sirviendo como fondo. Si en lugar de Cover le pusiéramos Contain, se modificaría el tamaño pa...”
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 (298)
- 9.119 estudiantes
- 25 lecciones (2h 16m)
- 16 recursos adicionales (14 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español, Inglés, Francés, Italiano, Portugués, Türkçe
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe · Romanian · Indonesian
- Nivel: Avanzado
- Acceso ilimitado para siempre
Categoría
Áreas
