Join Morten Rand-Hendriksen for an in-depth discussion in this video Responsive images are part of the new world of RWD, part of Responsive Images.
- And just like that, we've reached the end of this course.…If you've been following along from the start,…you should now have a clear understanding of how you can use…responsive images in your projects today, both by enhancing…the image tag to have the source set and sizes attribute…and by using the picture tag for art direction…and progressive enhancement.…Now that you've seen what responsive images can do,…I urge to go check out what's happening…in the responsive images community group…so that you get a clear picture of all the exciting things…people are doing with responsive images.…You should also take another look…at the Picturefill webpage, read through…all the documentation, look at their examples,…and see what's going on with Picturefill.…
Picturefill is constantly being updated and improved,…and there is a point down the road…where we will no longer need Picturefill…because all the browsers will support…responsive images out of the box.…All that information will be available right here…on the Picturefill page, so going back and checking it out…
- How responsive images work
- Adding Picturefill to your site
- Making regular images responsive
- Using the <picture> element
- Identifying breakpoints and layout changes
- Using the <picture> elements for image type fallbacks
Skill Level Intermediate
Q: When I use Firefox's Responsive Design View, the images aren't automatically reloading when I resize the window. What do I do?
A: This is a known bug that only affects Firefox version 38. If you update to Firefox 39 or later, this should be resolved (at the time of writing, Firefox 39 is slated for release June 30, 2015).