O'Reilly logo

Responsive Web Design Patterns by Chelsea Myers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 4. From Static to Dynamic – Embedding Media

If you think about it, websites would be boring without images. A photo says a thousand words because, let's be honest, we don't feel like reading a thousand words. We are starting to talk in images too. Just look at how we use Emojis and GIFs. These are images that we send along when we don't feel like spelling it out. That's why media is great. Photo, icons, and videos can convey so much more information in a split second than a paragraph of text.

We can run into some obstacles though when including images on responsive websites. Images and videos can take some time to load because they are larger files. How many times have you exited a website, on a desktop or smartphone, because its content ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required