Fozzy Domain Sale
Liquid Web Managed Word Press

Understanding Responsive Images

Envato Tuts+ Courses

  • Video courses taught by expert instructors.
  • Learn new skills from start to finish.
  • Downloadable Source Files also available on GitHub.

Course Description

We all want our images to display at the best possible quality, with optimal file size, on different devices, but achieving that is easier said than done. There are many different techniques for making images responsive, but some of them have serious downsides, such as limited browser support. In this course you’ll learn everything you need to know to get started with responsive images. We’ll cover what they are and how they relate to responsive web design, and we’ll also discuss best practices.

What You’ll Learn

  • Different approaches to creating responsive images, and their respective pros and cons.
  • Using CSS to selectively show images.
  • How to use the srcset and sizes attributes.
  • Using the picture element with multiple image formats.
  • How to use Picturefill, a plugin you can use to support the picture element in non-supporting browsers.
  • Performance optimisation when working with responsive images.

About the Instructor

Adi Purdila is an expert web designer and developer based in Romania. He’s created more than 30 courses for Envato Tuts+ on every conceivable web design topic, from Bootstrap, WordPress, and Foundation, to Sass and Sketch. You can check out his portfolio, follow him on Twitter, and see his ThemeForest portfolio.

0 average based on 0 ratings.

tutsplus

tutsplus

Visit Author's Portfolio

View Portfolio
Last Update 2016-04-05
Created 2016-04-05
Sales 12
Discussion Comments
Closed Captions No
Difficulty Beginner
File Size 3.09GB
Preview Resolution 960x540
Number of Lessons 15
Resolution 1280x720
Total Course Video Length 1:16:46
Video Encoding H.264