Responsive web design course - Customizable images

CURS-52

Adapt your web images to a responsive web design environment. Learn to incorporate images into responsive web design

Descripcion


Información de: Diseño web responsive: Imágenes
Adapta tus imágenes Web a un entorno de Diseño web responsive. Aprende a incorporar imágenes al diseño web responsive

El mundo del diseño web responsive o adaptativo también afecta a las imágenes de nuestros sitios web. Aprende con este curso los conceptos básicos sobre la creación y el uso de imágenes en un entorno digital responsive, donde lo que importa verdaderamente es el usuario y el contexto en el que consume los contenidos. Descubre cómo preparar las imágenes para que se adapten a este contexto.

Imágenes e imágenes responsive: una introducción

En este primer capítulo daremos los primeros pasos en el entendimiento y uso de las imágenes responsive, viendo ejemplos y aprendiendo nueva terminología y conceptos que aplicar para saber cómo funcionan, tipos y requisitos necesarios.


Bienvenida y objetivos del curso Responsive images 01:01
Cómo funcionan las imágenes en la web 04:28
Tipos de formatos de imagen actuales 07:45
Qué es la compresión en imágenes 06:28
Cómo funcionan las imágenes responsive 03:20
Conceptos nuevos y terminología responsive 04:28


Uso de Picturefill con imágenes responsive


El segundo capítulo lo dedicaremos por completo a Picturefill, un polyfill que nos servirá para poder emplear imágenes responsive en situaciones en las que los navegadores aún no soporten las características necesarias.

Qué es Picturefill y para qué sirve 03:43
Usando Picturefill en nuestro proyecto web 06:24
Testeo y validación del uso de Picturefill 06:18


Aplicación de imágenes responsive en nuestro diseño


El tercer capítulo lo dedicaremos de manera completa a continuar profundizando en el trabajo con imágenes responsive, sabiendo cuándo han de usarse, qué posibilidades tenemos para poder aplicarlas y cómo optimizarlas.

Cuándo y cómo usar etiquetado responsive 02:35
Preparando imágenes para su uso en entornos responsive 07:02
Opciones de exportación y optimización de archivos SVG 05:07
Exportación y optimización de archivos PNG y GIF 06:32
Más opciones de optimización 03:51
Uso de srcset y w 05:31
Uso de sizes 06:45
Ejemplo de layouts avanzados usando srcset y sizes 06:21
Detectando densidad de pixels por pulgada usando x 04:44


Dirección de arte en imágenes responsive

El último capítulo lo emplearemos para aprender a usar de manera completa el elemento pictures, que nos aporta una nueva forma de incluir imágenes responsive en nuestros documentos html, permitiéndonos mayor control aún.

Introducción al elemento picture 04:33
Cómo usar picture 06:32
Optimización de imágenes para el atributo picture 02:48
Uso de elementos SVG 03:42
Problemas de la dirección de arte en un entorno responsive 02:00
Despedida del curso Responsive images 02:23

Datos técnicos:

Formato: .MP4
Resolución: 1280x720p
Tamaño: 331 MB
Idioma: Español
Formadores: Armando Sotoca
Contenido: 24 Videos
Duración: 1:54 horas
Archivos Base: Si Incluye

Ver Intro



Totalmente libre de virus y software malicioso, así que no esperes más en descargartelo ahora.

No olvides darnos una opinion acerca del programa, para mejorar el contenido.

Zona de descargas



Contraseña/Password: www.intarcesoft.com.ve

Archivo Base


Web del Autor


Pagina Principal

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

OS Windows XP o superior
RAM 256 MB
License Freeware
Language Only Spanish
File Size 331 MB
Developer Video2Brain
Grade 
03/28/2017

Excelente

Muchas gracias por el material

Write your review!

Write a review

Responsive web design course - Customizable images

Responsive web design course - Customizable images

Adapt your web images to a responsive web design environment. Learn to incorporate images into responsive web design

Ask a question

NO registration required!

If the question you have has not yet been answered here, use the form below to ask something about this addon.

(optional)
*(Required to be notified when an answer is available)

If the download link redirects to another product that is not described in the article or is broken, report it using our Reporting Form

RelatedProducts