ATU Sligo /ATU St Angela's

go

Amazon cover image
Image from Amazon.com

Responsive Web Design with HTML5 and CSS3 essentials : [electronic book] : [design and deliver an optimal user experience for all devices] /

By: Libby, Alex.
Contributor(s): Gupta, Gaurav Prof [author] | Talesra, Asoj [author].
Publisher: Birmingham : Packt Publishing, 2016Description: 1 online resource (174 p.).Content type: text Media type: computer Carrier type: online resourceISBN: 9781783553082.Subject(s): Web site development | HTML (Document markup language) | Cascading style sheetsDDC classification: 006.74 Online resources: Access ebook here
Contents:
Cover; Copyright; Credits; About the Authors; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Introducing Responsive Web Design; Getting started with RWD; Exploring how RWD works; Understanding the elements of RWD; Controlling the viewport; Creating flexible grids; Making media responsive; Constructing suitable breakpoints; Appreciating the importance of RWD; Making our site accessible and intuitive; Organizing our content; Comparing RWD to adaptive design; Preparing our development environment; Considering a suitable strategy; Exploring best practices.
Designing for touchSetting up a development workflow; Discovering the requirements; Planning our site; Designing the text; Sketching our design; Prototyping and creating our design; Testing our design; Exploring mistakes; Summary; Chapter 2: Creating Fluid Layouts; Introducing flexible grid layouts; Understanding the different layout types; Setting the available viewport for use; Balancing viewport against experience; Considering viewport units; Exploring the benefits of flexible grid layouts; Understanding the mechanics of grid layouts; Implementing a prebuilt grid layout.
Exploring the use of flexboxTaking a closer look; Visiting the future; Implementing a basic gallery grid; Exploring what happened; Taking it further; Summary; Chapter 3: Adding Responsive Media; Making media responsive; Creating fluid images; Implementing the element; Using the srcset attribute; Exploring the sizes attribute; Manipulating the HTML5 element; Putting it all together; Exploring what happened; Creating a real-world example; Taking things further; Making video responsive; Embedding externally hosted videos; Introducing the new HTML5 video element.
Embedding HTML5 video contentExploring what happened; Building a practical example; Exploring what happened; Exploring the risks; Making audio responsive; Taking things further; Making text fit on screen; Sizing with em units; Using rem units as a replacement; Exploring use of viewport units; Taking things further; Summary; Chapter 4: Exploring Media Queries; Exploring some examples; Understanding media queries; Exploring the available media types; Listing the available media features; Introducing operators in our queries; Identifying common breakpoints; Creating custom breakpoints.
Understanding the rationaleTaking care over our design; Removing the need for breakpoints; Putting our theory into practice; Creating some practical examples; Making it real; Exploring what happened; Detecting high-resolution image support; Exploring how it works; Examining some common mistakes; Exploring best practices; Taking things further; Summary; Chapter 5: Testing and Optimizing for Performance; Understanding the importance of speed; Understanding why pages load slowly; Optimizing the performance; Starting with Google; Taking things further; Testing the performance of our site.
Star ratings
    Average rating: 0.0 (0 votes)

Cover; Copyright; Credits; About the Authors; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Introducing Responsive Web Design; Getting started with RWD; Exploring how RWD works; Understanding the elements of RWD; Controlling the viewport; Creating flexible grids; Making media responsive; Constructing suitable breakpoints; Appreciating the importance of RWD; Making our site accessible and intuitive; Organizing our content; Comparing RWD to adaptive design; Preparing our development environment; Considering a suitable strategy; Exploring best practices.

Designing for touchSetting up a development workflow; Discovering the requirements; Planning our site; Designing the text; Sketching our design; Prototyping and creating our design; Testing our design; Exploring mistakes; Summary; Chapter 2: Creating Fluid Layouts; Introducing flexible grid layouts; Understanding the different layout types; Setting the available viewport for use; Balancing viewport against experience; Considering viewport units; Exploring the benefits of flexible grid layouts; Understanding the mechanics of grid layouts; Implementing a prebuilt grid layout.

Exploring the use of flexboxTaking a closer look; Visiting the future; Implementing a basic gallery grid; Exploring what happened; Taking it further; Summary; Chapter 3: Adding Responsive Media; Making media responsive; Creating fluid images; Implementing the element; Using the srcset attribute; Exploring the sizes attribute; Manipulating the HTML5 element; Putting it all together; Exploring what happened; Creating a real-world example; Taking things further; Making video responsive; Embedding externally hosted videos; Introducing the new HTML5 video element.

Embedding HTML5 video contentExploring what happened; Building a practical example; Exploring what happened; Exploring the risks; Making audio responsive; Taking things further; Making text fit on screen; Sizing with em units; Using rem units as a replacement; Exploring use of viewport units; Taking things further; Summary; Chapter 4: Exploring Media Queries; Exploring some examples; Understanding media queries; Exploring the available media types; Listing the available media features; Introducing operators in our queries; Identifying common breakpoints; Creating custom breakpoints.

Understanding the rationaleTaking care over our design; Removing the need for breakpoints; Putting our theory into practice; Creating some practical examples; Making it real; Exploring what happened; Detecting high-resolution image support; Exploring how it works; Examining some common mistakes; Exploring best practices; Taking things further; Summary; Chapter 5: Testing and Optimizing for Performance; Understanding the importance of speed; Understanding why pages load slowly; Optimizing the performance; Starting with Google; Taking things further; Testing the performance of our site.

Share