Responsive web design course - Customizable images

CURS-52

Learn to incorporate images into responsive web design. You will learn with this course the basic concepts about the creation and use of images in a digital responsive environment, where what really matters is the user and the context in which he consumes the contents.

Responsive web design course - Customizable images




The world of responsive or adaptive web design also affects the images of our websites. Learn with this course the basic concepts about the creation and use of images in a digital responsive environment, where what really matters is the user and the context in which he consumes the contents. Discover how to prepare the images to adapt to this context.

Images and responsive images: an introduction

In this first chapter we will take the first steps in the understanding and use of responsive images, seeing examples and learning new terminology and concepts to apply to know how they work, types and requirements.


Welcome and objectives of the course Responsive images 01:01
How images work on the web 04:28
Types of current image formats 07:45
What is compression in images 06:28
How responsive images work 03:20
New concepts and responsive terminology 04:28

Using Picturefill with responsive images

The second chapter will be devoted entirely to Picturefill, a polyfill that will help us to use responsive images in situations where browsers still do not support the necessary features.

What is Picturefill and what is it for 03:43
Using Picturefill in our web project 06:24
Testing and validating the use of Picturefill 06:18

Application of responsive images in our design

The third chapter will be devoted completely to continue deepening the work with responsive images, knowing when they have to be used, what possibilities we have to apply them and how to optimize them.

When and how to use responsive tagging 02:35
Preparing images for use in responsive environments 07:02
Export options and optimization of SVG files 05:07
Export and optimization of PNG and GIF files 06:32
More optimization options 03:51
Using srcset and w 05:31
Use of sizes 06:45
Example of advanced layouts using srcset and sizes 06:21
Detecting density of pixels per inch using x 04:44

Art direction in responsive images

The last chapter will be used to learn how to use the pictures element completely, which gives us a new way to include responsive images in our html documents, allowing us even more control.

Introduction to the picture element 04:33
How to use picture 06:32
Optimization of images for the picture attribute 02:48
Use of SVG elements 03:42
Art direction problems in a responsive environment 02:00
Farewell of the course Responsive images 02:23

Technical data:

Format: .MP4
Resolution: 1280x720p
Size: 331 MB
Spanish Language
Trainers: Armando Sotoca
Content: 24 Videos
Duration: 1:54 hours
Base Files: Yes Includes

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



Follow us on our social networks


NOTE: Do not forget to follow us on our facebook and twitter social networks so that you become part of our community and receive the notification every time we post something new, so you will not miss anything.

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

Learn to incorporate images into responsive web design. You will learn with this course the basic concepts about the creation and use of images in a digital responsive environment, where what really matters is the user and the context in which he consumes the contents.

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