Responsive Web Design: Solutions For Responsive Images
Smashing Magazine
Jul 2014 · Smashing Magazine
Ebook
129
Pages
family_home
Eligible
info
reportRatings and reviews aren’t verified Learn More
About this ebook
With the limitations that the <img> tag brings along, images have long been a major obstacle when wanting to create truly responsible, fast, responsive websites. Luckily, the upcoming <picture> element and srcset/sizes are about to finally change this. However, even in the meantime, while browser vendors are still busy implementing the new specification, you can already start to incorporate truly responsive images into your website. There are a number of smart solutions to close up the existing gaps: polyfills, fallbacks for legacy browsers, and clever approaches that were created on the fly due to missing alternatives. To help you review and understand different methods, we’ve compiled a selection of the different techniques in this eBook. It features practical advice on every implementation, as well as tips on tackling the art direction and resolution-switching use cases that a growing device landscape has brought along. As you will notice, there is no reason to wait anymore; you can already cater for responsive images today!
TABLE OF CONTENTS:
- Picturefill 2.0: Responsive Images And The Perfect Polyfill
- Responsive Images Done Right: A Guide To <picture> And srcset
- Automate Your Responsive Images With Mobify.js
- One Solution To Responsive Images
- Addressing The Responsive Images Performance Problem: A Case Study
- Clown Car Technique: Solving Adaptive Images In Responsive Web Design
- Simple Responsive Images With CSS Background Images
- Responsive Images With WordPress’ Featured Images
- Responsive Image Container: A Way Forward For Responsive Images?
- Rethinking Responsive SVG
Rate this ebook
Tell us what you think.
Reading information
Smartphones and tablets
Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.
Laptops and computers
You can listen to audiobooks purchased on Google Play using your computer's web browser.
eReaders and other devices
To read on e-ink devices like Kobo eReaders, you'll need to download a file and transfer it to your device. Follow the detailed Help Center instructions to transfer the files to supported eReaders.
