Responsive web design with HTML5 and CSS3 essentials :: design and deliver an optimal user experience for all devices /
Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pag...
Gespeichert in:
| Hauptverfasser: | , , |
|---|---|
| Format: | Elektronisch E-Book |
| Sprache: | English |
| Veröffentlicht: |
Birmingham :
Packt Publishing,
2016.
|
| Schriftenreihe: | Community experience distilled.
|
| Schlagworte: | |
| Online-Zugang: | Volltext |
| Zusammenfassung: | Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed. What You Will Learn Explore various layout options Understand what can be achieved in the browser, without the use of third-party tools Executing media queries to benefit responsive designs Understand the basics of responsive workflow and boilerplate frameworks Improve performance of responsive web design Maintain compatibility across various browsers In Detail Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience - providing easy reading and navigation with minimum resizing, panning, and scrolling - and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet's total traffic. This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques. You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we'll dive into creating layouts using grid based templates. We'll also cover the important topic of performance management, and discover how to tackle cross-browser challenges. Style and approach This is a practical example-based book which will delve into various elements and benefits of a responsive web design. It will help you understand the essential skills needed to create responsive web sites and guide you through the basics of building responsive web pages for any device. The topics are a blend of theoretical and practical essentials which will assist you to explore more about respons... |
| Beschreibung: | 1 online resource : illustrations |
| ISBN: | 9781783553082 1783553081 1783553073 9781783553075 |
Internformat
MARC
| LEADER | 00000cam a2200000 i 4500 | ||
|---|---|---|---|
| 001 | ZDB-4-EBA-ocn958301034 | ||
| 003 | OCoLC | ||
| 005 | 20240705115654.0 | ||
| 006 | m o d | ||
| 007 | cr unu|||||||| | ||
| 008 | 160913s2016 enka o 000 0 eng d | ||
| 040 | |a UMI |b eng |e rda |e pn |c UMI |d N$T |d TEFOD |d IDEBK |d TOH |d OCLCF |d STF |d DEBBG |d DEBSZ |d OCLCQ |d CEF |d KSU |d AGLDB |d IGB |d UKAHL |d QGK |d OCLCO |d OCLCQ |d OCLCO |d OCLCL |d OCLCQ |d YWS | ||
| 019 | |a 1259203405 | ||
| 020 | |a 9781783553082 |q (electronic bk.) | ||
| 020 | |a 1783553081 |q (electronic bk.) | ||
| 020 | |z 9781783553075 | ||
| 020 | |a 1783553073 | ||
| 020 | |a 9781783553075 | ||
| 035 | |a (OCoLC)958301034 |z (OCoLC)1259203405 | ||
| 037 | |a CL0500000782 |b Safari Books Online | ||
| 037 | |a D8002372-34DE-49B3-934F-AA774B751E78 |b OverDrive, Inc. |n http://www.overdrive.com | ||
| 050 | 4 | |a TK5105.888 | |
| 072 | 7 | |a COM |x 060130 |2 bisacsh | |
| 082 | 7 | |a 005.72 |2 23 | |
| 049 | |a MAIN | ||
| 100 | 1 | |a Libby, Alex, |e author. | |
| 245 | 1 | 0 | |a Responsive web design with HTML5 and CSS3 essentials : |b design and deliver an optimal user experience for all devices / |c Alex Libby, Gaurav Gupta, Asoj Talesra. |
| 264 | 1 | |a Birmingham : |b Packt Publishing, |c 2016. | |
| 300 | |a 1 online resource : |b illustrations | ||
| 336 | |a text |b txt |2 rdacontent | ||
| 337 | |a computer |b c |2 rdamedia | ||
| 338 | |a online resource |b cr |2 rdacarrier | ||
| 347 | |a text file | ||
| 490 | 1 | |a Community experience distilled | |
| 588 | 0 | |a Online resource; title from PDF title page (EBSCO, viewed September 30, 2016) | |
| 520 | |a Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed. What You Will Learn Explore various layout options Understand what can be achieved in the browser, without the use of third-party tools Executing media queries to benefit responsive designs Understand the basics of responsive workflow and boilerplate frameworks Improve performance of responsive web design Maintain compatibility across various browsers In Detail Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience - providing easy reading and navigation with minimum resizing, panning, and scrolling - and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet's total traffic. This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques. You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we'll dive into creating layouts using grid based templates. We'll also cover the important topic of performance management, and discover how to tackle cross-browser challenges. Style and approach This is a practical example-based book which will delve into various elements and benefits of a responsive web design. It will help you understand the essential skills needed to create responsive web sites and guide you through the basics of building responsive web pages for any device. The topics are a blend of theoretical and practical essentials which will assist you to explore more about respons... | ||
| 505 | 0 | |a 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 touch -- Setting 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 flexbox -- Taking 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 < -- picture> -- element -- Using the srcset attribute -- Exploring the sizes attribute -- Manipulating the HTML5 < -- picture> -- element -- Putting it all together -- Exploring what happened -- Creating a real-world example -- Taking things further -- Making video responsive -- Embedding externally hosted videos. | |
| 505 | 8 | |a Introducing the new HTML5 video element -- Embedding HTML5 video content -- Exploring 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 rationale -- Taking 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 -- Working through a desktop example -- Viewing on a mobile device -- Best practices -- Providing support for older browsers -- Considering which features to support -- Let the user choose what they want -- Do we need to include a whole library? -- Considering cross-browser compatibility -- Outlining the challenges -- Understanding the drawbacks of JavaScript -- Providing a CSS-based solution -- Testing site compatibility -- Working out a solution -- Exploring tools available for testing -- Viewing with Chrome -- Working in Firefox -- Exploring our options. | |
| 505 | 8 | |a Following best practices -- Summary -- Index. | |
| 650 | 0 | |a Web sites |x Design. |0 http://id.loc.gov/authorities/subjects/sh98000035 | |
| 650 | 0 | |a HTML (Document markup language) |0 http://id.loc.gov/authorities/subjects/sh95002791 | |
| 650 | 0 | |a Cascading style sheets. |0 http://id.loc.gov/authorities/subjects/sh2001004461 | |
| 650 | 6 | |a Sites Web |x Conception. | |
| 650 | 6 | |a HTML (Langage de balisage) | |
| 650 | 6 | |a Feuilles de style en cascade. | |
| 650 | 7 | |a HTML. |2 aat | |
| 650 | 7 | |a COMPUTERS / Web / Design |2 bisacsh | |
| 650 | 7 | |a Cascading style sheets |2 fast | |
| 650 | 7 | |a HTML (Document markup language) |2 fast | |
| 650 | 7 | |a Web sites |x Design |2 fast | |
| 700 | 1 | |a Gupta, Gaurav |c (IT professional), |e author. |0 http://id.loc.gov/authorities/names/no2015143225 | |
| 700 | 1 | |a Talesra, Asoj, |e author. | |
| 758 | |i has work: |a Responsive web design with HTML5 and CSS3 essentials (Text) |1 https://id.oclc.org/worldcat/entity/E39PCFPTCgjMgKdXYB3CVtKBKd |4 https://id.oclc.org/worldcat/ontology/hasWork | ||
| 776 | |z 1-78355-307-3 | ||
| 830 | 0 | |a Community experience distilled. |0 http://id.loc.gov/authorities/names/no2011030603 | |
| 856 | 1 | |l FWS01 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890 |3 Volltext | |
| 856 | 1 | |l CBO01 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890 |3 Volltext | |
| 938 | |a Askews and Holts Library Services |b ASKH |n AH30674367 | ||
| 938 | |a ProQuest MyiLibrary Digital eBook Collection |b IDEB |n cis34551441 | ||
| 938 | |a EBSCOhost |b EBSC |n 1343890 | ||
| 994 | |a 92 |b GEBAY | ||
| 912 | |a ZDB-4-EBA | ||
Datensatz im Suchindex
| DE-BY-FWS_katkey | ZDB-4-EBA-ocn958301034 |
|---|---|
| _version_ | 1813903731659374592 |
| adam_text | |
| any_adam_object | |
| author | Libby, Alex Gupta, Gaurav (IT professional) Talesra, Asoj |
| author_GND | http://id.loc.gov/authorities/names/no2015143225 |
| author_facet | Libby, Alex Gupta, Gaurav (IT professional) Talesra, Asoj |
| author_role | aut aut aut |
| author_sort | Libby, Alex |
| author_variant | a l al g g gg a t at |
| building | Verbundindex |
| bvnumber | localFWS |
| callnumber-first | T - Technology |
| callnumber-label | TK5105 |
| callnumber-raw | TK5105.888 |
| callnumber-search | TK5105.888 |
| callnumber-sort | TK 45105.888 |
| callnumber-subject | TK - Electrical and Nuclear Engineering |
| collection | ZDB-4-EBA |
| 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 touch -- Setting 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 flexbox -- Taking 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 < -- picture> -- element -- Using the srcset attribute -- Exploring the sizes attribute -- Manipulating the HTML5 < -- picture> -- 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 content -- Exploring 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 rationale -- Taking 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 -- Working through a desktop example -- Viewing on a mobile device -- Best practices -- Providing support for older browsers -- Considering which features to support -- Let the user choose what they want -- Do we need to include a whole library? -- Considering cross-browser compatibility -- Outlining the challenges -- Understanding the drawbacks of JavaScript -- Providing a CSS-based solution -- Testing site compatibility -- Working out a solution -- Exploring tools available for testing -- Viewing with Chrome -- Working in Firefox -- Exploring our options. Following best practices -- Summary -- Index. |
| ctrlnum | (OCoLC)958301034 |
| dewey-full | 005.72 |
| dewey-hundreds | 000 - Computer science, information, general works |
| dewey-ones | 005 - Computer programming, programs, data, security |
| dewey-raw | 005.72 |
| dewey-search | 005.72 |
| dewey-sort | 15.72 |
| dewey-tens | 000 - Computer science, information, general works |
| discipline | Informatik |
| format | Electronic eBook |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>09255cam a2200685 i 4500</leader><controlfield tag="001">ZDB-4-EBA-ocn958301034</controlfield><controlfield tag="003">OCoLC</controlfield><controlfield tag="005">20240705115654.0</controlfield><controlfield tag="006">m o d </controlfield><controlfield tag="007">cr unu||||||||</controlfield><controlfield tag="008">160913s2016 enka o 000 0 eng d</controlfield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">UMI</subfield><subfield code="b">eng</subfield><subfield code="e">rda</subfield><subfield code="e">pn</subfield><subfield code="c">UMI</subfield><subfield code="d">N$T</subfield><subfield code="d">TEFOD</subfield><subfield code="d">IDEBK</subfield><subfield code="d">TOH</subfield><subfield code="d">OCLCF</subfield><subfield code="d">STF</subfield><subfield code="d">DEBBG</subfield><subfield code="d">DEBSZ</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">CEF</subfield><subfield code="d">KSU</subfield><subfield code="d">AGLDB</subfield><subfield code="d">IGB</subfield><subfield code="d">UKAHL</subfield><subfield code="d">QGK</subfield><subfield code="d">OCLCO</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">OCLCO</subfield><subfield code="d">OCLCL</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">YWS</subfield></datafield><datafield tag="019" ind1=" " ind2=" "><subfield code="a">1259203405</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781783553082</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1783553081</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781783553075</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1783553073</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781783553075</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)958301034</subfield><subfield code="z">(OCoLC)1259203405</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">CL0500000782</subfield><subfield code="b">Safari Books Online</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">D8002372-34DE-49B3-934F-AA774B751E78</subfield><subfield code="b">OverDrive, Inc.</subfield><subfield code="n">http://www.overdrive.com</subfield></datafield><datafield tag="050" ind1=" " ind2="4"><subfield code="a">TK5105.888</subfield></datafield><datafield tag="072" ind1=" " ind2="7"><subfield code="a">COM</subfield><subfield code="x">060130</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="082" ind1="7" ind2=" "><subfield code="a">005.72</subfield><subfield code="2">23</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">MAIN</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Libby, Alex,</subfield><subfield code="e">author.</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Responsive web design with HTML5 and CSS3 essentials :</subfield><subfield code="b">design and deliver an optimal user experience for all devices /</subfield><subfield code="c">Alex Libby, Gaurav Gupta, Asoj Talesra.</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Birmingham :</subfield><subfield code="b">Packt Publishing,</subfield><subfield code="c">2016.</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">1 online resource :</subfield><subfield code="b">illustrations</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="a">text</subfield><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="a">computer</subfield><subfield code="b">c</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="a">online resource</subfield><subfield code="b">cr</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="347" ind1=" " ind2=" "><subfield code="a">text file</subfield></datafield><datafield tag="490" ind1="1" ind2=" "><subfield code="a">Community experience distilled</subfield></datafield><datafield tag="588" ind1="0" ind2=" "><subfield code="a">Online resource; title from PDF title page (EBSCO, viewed September 30, 2016)</subfield></datafield><datafield tag="520" ind1=" " ind2=" "><subfield code="a">Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed. What You Will Learn Explore various layout options Understand what can be achieved in the browser, without the use of third-party tools Executing media queries to benefit responsive designs Understand the basics of responsive workflow and boilerplate frameworks Improve performance of responsive web design Maintain compatibility across various browsers In Detail Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience - providing easy reading and navigation with minimum resizing, panning, and scrolling - and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet's total traffic. This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques. You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we'll dive into creating layouts using grid based templates. We'll also cover the important topic of performance management, and discover how to tackle cross-browser challenges. Style and approach This is a practical example-based book which will delve into various elements and benefits of a responsive web design. It will help you understand the essential skills needed to create responsive web sites and guide you through the basics of building responsive web pages for any device. The topics are a blend of theoretical and practical essentials which will assist you to explore more about respons...</subfield></datafield><datafield tag="505" ind1="0" ind2=" "><subfield code="a">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 touch -- Setting 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 flexbox -- Taking 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 &lt -- picture&gt -- element -- Using the srcset attribute -- Exploring the sizes attribute -- Manipulating the HTML5 &lt -- picture&gt -- element -- Putting it all together -- Exploring what happened -- Creating a real-world example -- Taking things further -- Making video responsive -- Embedding externally hosted videos.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Introducing the new HTML5 video element -- Embedding HTML5 video content -- Exploring 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 rationale -- Taking 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 -- Working through a desktop example -- Viewing on a mobile device -- Best practices -- Providing support for older browsers -- Considering which features to support -- Let the user choose what they want -- Do we need to include a whole library? -- Considering cross-browser compatibility -- Outlining the challenges -- Understanding the drawbacks of JavaScript -- Providing a CSS-based solution -- Testing site compatibility -- Working out a solution -- Exploring tools available for testing -- Viewing with Chrome -- Working in Firefox -- Exploring our options.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Following best practices -- Summary -- Index.</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Web sites</subfield><subfield code="x">Design.</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh98000035</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">HTML (Document markup language)</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh95002791</subfield></datafield><datafield tag="650" ind1=" " ind2="0"><subfield code="a">Cascading style sheets.</subfield><subfield code="0">http://id.loc.gov/authorities/subjects/sh2001004461</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Sites Web</subfield><subfield code="x">Conception.</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">HTML (Langage de balisage)</subfield></datafield><datafield tag="650" ind1=" " ind2="6"><subfield code="a">Feuilles de style en cascade.</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">HTML.</subfield><subfield code="2">aat</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">COMPUTERS / Web / Design</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Cascading style sheets</subfield><subfield code="2">fast</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">HTML (Document markup language)</subfield><subfield code="2">fast</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Web sites</subfield><subfield code="x">Design</subfield><subfield code="2">fast</subfield></datafield><datafield tag="700" ind1="1" ind2=" "><subfield code="a">Gupta, Gaurav</subfield><subfield code="c">(IT professional),</subfield><subfield code="e">author.</subfield><subfield code="0">http://id.loc.gov/authorities/names/no2015143225</subfield></datafield><datafield tag="700" ind1="1" ind2=" "><subfield code="a">Talesra, Asoj,</subfield><subfield code="e">author.</subfield></datafield><datafield tag="758" ind1=" " ind2=" "><subfield code="i">has work:</subfield><subfield code="a">Responsive web design with HTML5 and CSS3 essentials (Text)</subfield><subfield code="1">https://id.oclc.org/worldcat/entity/E39PCFPTCgjMgKdXYB3CVtKBKd</subfield><subfield code="4">https://id.oclc.org/worldcat/ontology/hasWork</subfield></datafield><datafield tag="776" ind1=" " ind2=" "><subfield code="z">1-78355-307-3</subfield></datafield><datafield tag="830" ind1=" " ind2="0"><subfield code="a">Community experience distilled.</subfield><subfield code="0">http://id.loc.gov/authorities/names/no2011030603</subfield></datafield><datafield tag="856" ind1="1" ind2=" "><subfield code="l">FWS01</subfield><subfield code="p">ZDB-4-EBA</subfield><subfield code="q">FWS_PDA_EBA</subfield><subfield code="u">https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="856" ind1="1" ind2=" "><subfield code="l">CBO01</subfield><subfield code="p">ZDB-4-EBA</subfield><subfield code="q">FWS_PDA_EBA</subfield><subfield code="u">https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">Askews and Holts Library Services</subfield><subfield code="b">ASKH</subfield><subfield code="n">AH30674367</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest MyiLibrary Digital eBook Collection</subfield><subfield code="b">IDEB</subfield><subfield code="n">cis34551441</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">EBSCOhost</subfield><subfield code="b">EBSC</subfield><subfield code="n">1343890</subfield></datafield><datafield tag="994" ind1=" " ind2=" "><subfield code="a">92</subfield><subfield code="b">GEBAY</subfield></datafield><datafield tag="912" ind1=" " ind2=" "><subfield code="a">ZDB-4-EBA</subfield></datafield></record></collection> |
| id | ZDB-4-EBA-ocn958301034 |
| illustrated | Illustrated |
| indexdate | 2024-10-25T16:23:21Z |
| institution | BVB |
| isbn | 9781783553082 1783553081 1783553073 9781783553075 |
| language | English |
| oclc_num | 958301034 |
| open_access_boolean | |
| owner | MAIN |
| owner_facet | MAIN |
| physical | 1 online resource : illustrations |
| psigel | ZDB-4-EBA |
| publishDate | 2016 |
| publishDateSearch | 2016 |
| publishDateSort | 2016 |
| publisher | Packt Publishing, |
| record_format | marc |
| series | Community experience distilled. |
| series2 | Community experience distilled |
| spelling | Libby, Alex, author. Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / Alex Libby, Gaurav Gupta, Asoj Talesra. Birmingham : Packt Publishing, 2016. 1 online resource : illustrations text txt rdacontent computer c rdamedia online resource cr rdacarrier text file Community experience distilled Online resource; title from PDF title page (EBSCO, viewed September 30, 2016) Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed. What You Will Learn Explore various layout options Understand what can be achieved in the browser, without the use of third-party tools Executing media queries to benefit responsive designs Understand the basics of responsive workflow and boilerplate frameworks Improve performance of responsive web design Maintain compatibility across various browsers In Detail Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience - providing easy reading and navigation with minimum resizing, panning, and scrolling - and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet's total traffic. This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques. You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we'll dive into creating layouts using grid based templates. We'll also cover the important topic of performance management, and discover how to tackle cross-browser challenges. Style and approach This is a practical example-based book which will delve into various elements and benefits of a responsive web design. It will help you understand the essential skills needed to create responsive web sites and guide you through the basics of building responsive web pages for any device. The topics are a blend of theoretical and practical essentials which will assist you to explore more about respons... 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 touch -- Setting 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 flexbox -- Taking 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 < -- picture> -- element -- Using the srcset attribute -- Exploring the sizes attribute -- Manipulating the HTML5 < -- picture> -- 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 content -- Exploring 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 rationale -- Taking 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 -- Working through a desktop example -- Viewing on a mobile device -- Best practices -- Providing support for older browsers -- Considering which features to support -- Let the user choose what they want -- Do we need to include a whole library? -- Considering cross-browser compatibility -- Outlining the challenges -- Understanding the drawbacks of JavaScript -- Providing a CSS-based solution -- Testing site compatibility -- Working out a solution -- Exploring tools available for testing -- Viewing with Chrome -- Working in Firefox -- Exploring our options. Following best practices -- Summary -- Index. Web sites Design. http://id.loc.gov/authorities/subjects/sh98000035 HTML (Document markup language) http://id.loc.gov/authorities/subjects/sh95002791 Cascading style sheets. http://id.loc.gov/authorities/subjects/sh2001004461 Sites Web Conception. HTML (Langage de balisage) Feuilles de style en cascade. HTML. aat COMPUTERS / Web / Design bisacsh Cascading style sheets fast HTML (Document markup language) fast Web sites Design fast Gupta, Gaurav (IT professional), author. http://id.loc.gov/authorities/names/no2015143225 Talesra, Asoj, author. has work: Responsive web design with HTML5 and CSS3 essentials (Text) https://id.oclc.org/worldcat/entity/E39PCFPTCgjMgKdXYB3CVtKBKd https://id.oclc.org/worldcat/ontology/hasWork 1-78355-307-3 Community experience distilled. http://id.loc.gov/authorities/names/no2011030603 FWS01 ZDB-4-EBA FWS_PDA_EBA https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890 Volltext CBO01 ZDB-4-EBA FWS_PDA_EBA https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890 Volltext |
| spellingShingle | Libby, Alex Gupta, Gaurav (IT professional) Talesra, Asoj Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / Community experience distilled. 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 touch -- Setting 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 flexbox -- Taking 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 < -- picture> -- element -- Using the srcset attribute -- Exploring the sizes attribute -- Manipulating the HTML5 < -- picture> -- 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 content -- Exploring 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 rationale -- Taking 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 -- Working through a desktop example -- Viewing on a mobile device -- Best practices -- Providing support for older browsers -- Considering which features to support -- Let the user choose what they want -- Do we need to include a whole library? -- Considering cross-browser compatibility -- Outlining the challenges -- Understanding the drawbacks of JavaScript -- Providing a CSS-based solution -- Testing site compatibility -- Working out a solution -- Exploring tools available for testing -- Viewing with Chrome -- Working in Firefox -- Exploring our options. Following best practices -- Summary -- Index. Web sites Design. http://id.loc.gov/authorities/subjects/sh98000035 HTML (Document markup language) http://id.loc.gov/authorities/subjects/sh95002791 Cascading style sheets. http://id.loc.gov/authorities/subjects/sh2001004461 Sites Web Conception. HTML (Langage de balisage) Feuilles de style en cascade. HTML. aat COMPUTERS / Web / Design bisacsh Cascading style sheets fast HTML (Document markup language) fast Web sites Design fast |
| subject_GND | http://id.loc.gov/authorities/subjects/sh98000035 http://id.loc.gov/authorities/subjects/sh95002791 http://id.loc.gov/authorities/subjects/sh2001004461 |
| title | Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / |
| title_auth | Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / |
| title_exact_search | Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / |
| title_full | Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / Alex Libby, Gaurav Gupta, Asoj Talesra. |
| title_fullStr | Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / Alex Libby, Gaurav Gupta, Asoj Talesra. |
| title_full_unstemmed | Responsive web design with HTML5 and CSS3 essentials : design and deliver an optimal user experience for all devices / Alex Libby, Gaurav Gupta, Asoj Talesra. |
| title_short | Responsive web design with HTML5 and CSS3 essentials : |
| title_sort | responsive web design with html5 and css3 essentials design and deliver an optimal user experience for all devices |
| title_sub | design and deliver an optimal user experience for all devices / |
| topic | Web sites Design. http://id.loc.gov/authorities/subjects/sh98000035 HTML (Document markup language) http://id.loc.gov/authorities/subjects/sh95002791 Cascading style sheets. http://id.loc.gov/authorities/subjects/sh2001004461 Sites Web Conception. HTML (Langage de balisage) Feuilles de style en cascade. HTML. aat COMPUTERS / Web / Design bisacsh Cascading style sheets fast HTML (Document markup language) fast Web sites Design fast |
| topic_facet | Web sites Design. HTML (Document markup language) Cascading style sheets. Sites Web Conception. HTML (Langage de balisage) Feuilles de style en cascade. HTML. COMPUTERS / Web / Design Cascading style sheets Web sites Design |
| url | https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1343890 |
| work_keys_str_mv | AT libbyalex responsivewebdesignwithhtml5andcss3essentialsdesignanddeliveranoptimaluserexperienceforalldevices AT guptagaurav responsivewebdesignwithhtml5andcss3essentialsdesignanddeliveranoptimaluserexperienceforalldevices AT talesraasoj responsivewebdesignwithhtml5andcss3essentialsdesignanddeliveranoptimaluserexperienceforalldevices |