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)
Holdings
Item type Current library Call number Status Notes Date due Barcode Item holds
Ebook Ebook ATU Sligo Yeats Library eBook 006.74 (Browse shelf(Opens below)) Available Online Unlimited access
Total holds: 0

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