Cargando…
Responsive media in HTML5 : learn effective administration of responsive media within your website or CMS system using practical techniques /
Annotation
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham [England] :
Packt Publishing,
2014.
|
| Colección: | Community experience distilled.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; 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; Using CSS to set our viewport; Getting the viewport using JavaScript; Working out media queries; Using pure JS to determine page breakpoints; Using data tags to allow bandwidth constraints
- Working with the tagsMaintaining the tag in our code; Working with SVG image format for scalability; Using image icons for scalability; Building a responsive carousel; Creating responsive maps using Google Maps; Summary; Chapter 2: Adding Responsive Video Content; Getting ready; Determining support for 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 videosSummary; 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; Creating responsive images automatically; Automating the shrinking process; Summary; Chapter 4: Testing Responsive Media; A starting point for testing; Using Google Chrome or Opera; Using Firefox; Using Internet Explorer; Considering pitfalls of responsive testing; Testing responsive sites with online tools
- Using tools to determine speedAnalyzing the results; Digging further into the code; Revealing all; Fixing the problem; Summary; Chapter 5: Using Frameworks; Introducing our three examples; Adding responsive media to a CMS; Adding responsive media manually; Fixing a responsive issue; Using plugins to add responsive images; Adding responsive videos using plugins; Using plugins to embed videos; Implementing responsive media in Bootstrap; Using Bootstrap's CSS classes; Using Less CSS to create responsive content; Working through the code in detail; Transferring to production use; Summary; Index