Summary

Here we are, looking at the horizon and thinking something along the lines of srcset or <picture>? Resize or art direction? Retina.js or Sass mixin? FitVids or FluidVids? Icon fonts or SVG? Inline SVG of file-based SVG? What's the best way to offer our visitors the best experience?

Yes, I know the feeling. And you know what? That's a good problem to have. Otherwise, we wouldn't be learning how to master RWD.

Since most of the time we're just resizing images, srcset is the way to go. Wrapping our videos in a container and a few lines of CSS make those videos responsive in no time. Boom! Too many videos to make responsive? No problem, FitVids.js makes it happen with a single jQuery function. Icon fonts weigh less than their big brother SVGs, ...

Get Mastering Responsive Web Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.