Alex Libby - Responsive Media in HTML5 [2014, PDF/EPUB, ENG] + Code

Preface
Chapter 1: Working with Responsive Images
Getting started
Beginning with fluid images
Catering to vendor prefixes and image formats
Catering to different platforms
Catering to HD or retina images
Using sprites to display responsive images
Determining the available viewport for use
Working out media queries
Using pure JS to determine page breakpoints
Using data tags to allow bandwidth constraints
Working with the <picture> tags
Working with the SVG image format for scalability
Using image icons for scalability
Building a responsive carousel
Creating responsive maps using Google Maps
Chapter 2: Adding Responsive Video Content
Getting ready
Determining support for <video> formats
Choosing the right format
Embedding HTML5 video content
Determining an available viewport for use
Catering to fallback support
Using JS libraries to provide support
Catering to different platforms
Allowing for vendor prefixes
Displaying full-size videos
Chapter 3: Mixing Content
Mixing video and image content on the same page
Considering the pitfalls of mixing content
Using preloaders to reduce delays
Adding lazy loading support to our pages
Making allowances for mobile devices
Chapter 4: Testing Responsive Media
A starting point for testing
Considering pitfalls of responsive testing
Testing responsive sites with online tools
Using tools to determine speed
Chapter 5: Using Frameworks
Introducing our three examples
Adding responsive media to a CMS
Implementing responsive media in Bootstrap
Using Less CSS to create responsive content
Index