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 hereItem type | Current library | Call number | Status | Notes | Date due | Barcode | Item holds |
---|---|---|---|---|---|---|---|
Ebook | ATU Sligo Yeats Library eBook | 006.74 (Browse shelf(Opens below)) | Available Online | Unlimited access |
Browsing ATU Sligo Yeats Library shelves, Shelving location: eBook Close shelf browser (Hides shelf browser)
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.