How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Responsive Images

via LinkedIn Learning

Write review

No Longer Offered

GetSmarter Ad

MIT Sloan: Lead AI Adoption Across Your Organization — Not Just Pilot It

Learn More → Corporate Finance Institute Ad

Finance Certifications Goldman Sachs & Amazon Teams Trust

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Responsive images are the next evolution in web design. Learn how to implement them today, with real-life best practice scenarios for implementing responsive images in your sites.

Syllabus

Introduction
  • Welcome
  • Who is this course for?
1. Responsive Images: An Introduction
  • How images on the web work
  • How responsive images work
  • New attributes and terminology for responsive images
2. Making Responsive Images Work with Picturefill
  • What is Picturefill?
  • Adding Picturefill to your site
  • Testing to make sure Picturefill works
3. Making Regular Images Responsive
  • When to use responsive images with the <img> tag
  • Preparing images for responsive display
  • Introducing srcset and w
  • Using srcset and w
  • Introducing sizes
  • Using sizes
  • Advanced layouts with srcset and sizes
  • Targeting resolution density with x
4. Responsive Images for Art Direction
  • Introducing the <picture> element
  • Identifying breakpoints and layout changes for your images
  • Preparing images for <picture> element
  • Using the <picture> element
  • Challenges with responsive images in art direction
5. Beyond Traditional Image Formats
  • Using the <picture> element for image type fallbacks
Going Further
  • Responsive images are part of the new world of RWD

Taught by

Morten Rand-Hendriksen

Reviews

Start your review of Responsive Images

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.