Responsive web design with HTML5 and CSS3 :: build responsive and future-proof websites to meet the demands of modern web users /
Learn the HTML5 and CSS3 you need to help you design responsive and future-proof websites that meet the demands of modern web users About This Book Learn and explore how to harness the latest features of HTML5 in the context of responsive web design Learn to wield the new Flexbox layout mechanism, c...
Gespeichert in:
| 1. Verfasser: | |
|---|---|
| Format: | Elektronisch E-Book |
| Sprache: | English |
| Veröffentlicht: |
Birmingham, UK :
Packt Publishing,
2015.
|
| Ausgabe: | Second edition. |
| Schriftenreihe: | Community experience distilled.
|
| Schlagworte: | |
| Online-Zugang: | DE-862 DE-863 |
| Zusammenfassung: | Learn the HTML5 and CSS3 you need to help you design responsive and future-proof websites that meet the demands of modern web users About This Book Learn and explore how to harness the latest features of HTML5 in the context of responsive web design Learn to wield the new Flexbox layout mechanism, code responsive images, and understand how to implement SVGs in a responsive project Make your pages interactive by using CSS animations, transformations, and transitions Who This Book Is For Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've already implemented your first 'RWD' but are struggling bring it all together? If so, Responsive Web Design with HTML5 and CSS3, Second Edition gives you everything you need to take your web sites to the next level. You'll need some HTML and CSS knowledge to follow along, but everything you need to know about Responsive Design and making great websites is included in the book! What You Will Learn Understand what responsive design is, and why it's vital for modern web development HTML5 markup is cleaner, faster, and more semantically rich than anything that has come before - learn how to use it and its latest features Integrate CSS3 media queries into your designs to use different styles for different media. You'll also learn about future media queries which are evolving in CSS4. Responsive images allow different images to be presented in different scenarios. We'll cover how to load different sets of images depending upon screen size or resolution and how to display different images in different contexts. Conquer forms! Add validation and useful interface elements like date pickers and range sliders with HTML5 markup alone. Implement SVGs into your responsive designs to provide resolution independent images, and learn how to adapt and animate them Learn how to use the latest features of CSS including custom fonts, nth-child selectors (and some CSS4 selectors), CSS custom properties (variables), and CSS calc In Detail Desktop-only websites just aren't good enough anymore. With mobile internet usage still rising, and tablets changing internet consumption habits, you need to know how to build websites that will just 'work', regardless of the devices used to access them. This second edition of Responsive Web Design with HTML5 and CSS3 explains all the key approaches necessary to create and maintain a modern responsive design. The changing way in which we access the web means ... |
| Beschreibung: | Includes index. |
| Beschreibung: | 1 online resource (1 volume) : illustrations |
| ISBN: | 9781784398262 1784398268 1784398934 9781784398934 |
Internformat
MARC
| LEADER | 00000cam a2200000 i 4500 | ||
|---|---|---|---|
| 001 | ZDB-4-EBA-ocn922580781 | ||
| 003 | OCoLC | ||
| 005 | 20250103110447.0 | ||
| 006 | m o d | ||
| 007 | cr cnu---unuuu | ||
| 008 | 150930s2015 enka of 001 0 eng d | ||
| 040 | |a UMI |b eng |e rda |e pn |c UMI |d N$T |d OCLCF |d IDEBK |d TEFOD |d YDXCP |d EBLCP |d DEBBG |d DEBSZ |d IDB |d OCLCQ |d MERUC |d OCLCQ |d CEF |d OCLCQ |d UAB |d AU@ |d UKAHL |d OCLCQ |d AUW |d OCLCQ |d QGK |d OCLCO |d OCLCQ |d OCLCO |d OCLCL | ||
| 019 | |a 919296827 |a 919342890 |a 923518632 |a 929506380 |a 932321159 |a 1162457614 |a 1259135457 | ||
| 020 | |a 9781784398262 |q (electronic bk.) | ||
| 020 | |a 1784398268 |q (electronic bk.) | ||
| 020 | |a 1784398934 | ||
| 020 | |a 9781784398934 | ||
| 020 | |z 9781784398934 | ||
| 020 | |z 9781784398262 | ||
| 020 | |z 1784398268 | ||
| 035 | |a (OCoLC)922580781 |z (OCoLC)919296827 |z (OCoLC)919342890 |z (OCoLC)923518632 |z (OCoLC)929506380 |z (OCoLC)932321159 |z (OCoLC)1162457614 |z (OCoLC)1259135457 | ||
| 037 | |a 825633 |b MIL | ||
| 037 | |a 5301A61D-0318-49DC-859B-9D391993AD52 |b OverDrive, Inc. |n http://www.overdrive.com | ||
| 050 | 4 | |a TK5105.888 | |
| 072 | 7 | |a COM |x 000000 |2 bisacsh | |
| 082 | 7 | |a 006.7 |2 23 | |
| 049 | |a MAIN | ||
| 100 | 1 | |a Frain, Ben, |e author. |0 http://id.loc.gov/authorities/names/no2012136186 | |
| 245 | 1 | 0 | |a Responsive web design with HTML5 and CSS3 : |b build responsive and future-proof websites to meet the demands of modern web users / |c Ben Frain. |
| 246 | 3 | 0 | |a Build responsive and future-proof websites to meet the demands of modern web users |
| 250 | |a Second edition. | ||
| 264 | 1 | |a Birmingham, UK : |b Packt Publishing, |c 2015. | |
| 300 | |a 1 online resource (1 volume) : |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 cover page (Safari, viewed September 28, 2015). | |
| 500 | |a Includes index. | ||
| 505 | 0 | |a Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Essentials of Responsive Web Design; Beginning our quest; Defining responsive web design; Responsive web design in a nutshell; Setting browser support levels; A brief note on tooling and text editors; Our first responsive example; Our basic HTML file; Taming images; Enter media queries; Amending the example for a larger screen; The shortcomings of our example; Summary; Chapter 2: Media Queries -- Supporting Differing Viewports. | |
| 505 | 8 | |a Why media queries are needed for a responsive web designBasic conditional logic in CSS; Media query syntax; Media queries in link tags; Combining media queries; Media queries with @import; Media queries in CSS; What can media queries test for?; Using media queries to alter a design; Any CSS can be wrapped in a media query; Media queries for HiDPI devices; Considerations for organizing and authoring media queries; Linking to different CSS files with media queries; The practicalities of separating media queries; Nesting media queries 'inline'; Combine media queries or write them where it suits? | |
| 505 | 8 | |a The viewport meta tagMedia Queries Level 4; Scripting media feature; Interaction media features; The hover media feature; Environment media features; Summary; Chapter 3: Fluid Layouts and Responsive Images; Converting a fixed pixel design to a fluid proportional layout; Why do we need Flexbox?; Inline block and whitespace; Floats; Table and table-cell; Introducing Flexbox; The bumpy path to Flexbox; Browser support for Flexbox; Leave prefixing to someone else; Getting flexy; Perfect vertically centered text; Offset items; Reverse the order of items. | |
| 505 | 8 | |a How about if we want them laid out vertically instead?Column reverse; Different Flexbox layouts inside different media queries; Inline-flex; Flexbox alignment properties; The align-items property; The align-self property; Possible alignment values; The justify-content property; The flex property; Simple sticky footer; Changing source order; Wrapping up Flexbox; Responsive images; The intrinsic problem of responsive images; Simple resolution switching with srcset; Advanced switching with srcset and sizes; Did you say the browser 'might' pick one image over another? | |
| 505 | 8 | |a Art direction with the picture elementFacilitate new-fangled image formats; Summary; Chapter 4: HTML5 for Responsive Web Designs; HTML5 markup -- understood by all modern browsers; Starting an HTML5 page the right way; The doctype; The HTML tag and lang attribute; Specifying alternate languages; Character encoding; Easy-going HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; New semantic elements in HTML5; The element; The element; The element; The element; The element; The and elements. | |
| 520 | |a Learn the HTML5 and CSS3 you need to help you design responsive and future-proof websites that meet the demands of modern web users About This Book Learn and explore how to harness the latest features of HTML5 in the context of responsive web design Learn to wield the new Flexbox layout mechanism, code responsive images, and understand how to implement SVGs in a responsive project Make your pages interactive by using CSS animations, transformations, and transitions Who This Book Is For Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've already implemented your first 'RWD' but are struggling bring it all together? If so, Responsive Web Design with HTML5 and CSS3, Second Edition gives you everything you need to take your web sites to the next level. You'll need some HTML and CSS knowledge to follow along, but everything you need to know about Responsive Design and making great websites is included in the book! What You Will Learn Understand what responsive design is, and why it's vital for modern web development HTML5 markup is cleaner, faster, and more semantically rich than anything that has come before - learn how to use it and its latest features Integrate CSS3 media queries into your designs to use different styles for different media. You'll also learn about future media queries which are evolving in CSS4. Responsive images allow different images to be presented in different scenarios. We'll cover how to load different sets of images depending upon screen size or resolution and how to display different images in different contexts. Conquer forms! Add validation and useful interface elements like date pickers and range sliders with HTML5 markup alone. Implement SVGs into your responsive designs to provide resolution independent images, and learn how to adapt and animate them Learn how to use the latest features of CSS including custom fonts, nth-child selectors (and some CSS4 selectors), CSS custom properties (variables), and CSS calc In Detail Desktop-only websites just aren't good enough anymore. With mobile internet usage still rising, and tablets changing internet consumption habits, you need to know how to build websites that will just 'work', regardless of the devices used to access them. This second edition of Responsive Web Design with HTML5 and CSS3 explains all the key approaches necessary to create and maintain a modern responsive design. The changing way in which we access the web means ... | ||
| 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 |x General. |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 | |
| 758 | |i has work: |a Responsive web design with HTML5 and CSS3 (Text) |1 https://id.oclc.org/worldcat/entity/E39PCGBmJjR9GPfbQhCfKcbdjP |4 https://id.oclc.org/worldcat/ontology/hasWork | ||
| 776 | 0 | 8 | |i Print version: |a Frain, Ben. |t Responsive Web Design with HTML5 and CSS3. |d Olton Birmingham : Packt Publishing Ltd, ©2015 |z 9781784398934 |
| 830 | 0 | |a Community experience distilled. |0 http://id.loc.gov/authorities/names/no2011030603 | |
| 966 | 4 | 0 | |l DE-862 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1056284 |3 Volltext |
| 966 | 4 | 0 | |l DE-863 |p ZDB-4-EBA |q FWS_PDA_EBA |u https://search.ebscohost.com/login.aspx?direct=true&scope=site&db=nlebk&AN=1056284 |3 Volltext |
| 938 | |a Askews and Holts Library Services |b ASKH |n AH29156392 | ||
| 938 | |a ProQuest Ebook Central |b EBLB |n EBL3564796 | ||
| 938 | |a EBSCOhost |b EBSC |n 1056284 | ||
| 938 | |a ProQuest MyiLibrary Digital eBook Collection |b IDEB |n cis32452996 | ||
| 938 | |a YBP Library Services |b YANK |n 12587229 | ||
| 994 | |a 92 |b GEBAY | ||
| 912 | |a ZDB-4-EBA | ||
| 049 | |a DE-862 | ||
| 049 | |a DE-863 | ||
Datensatz im Suchindex
| DE-BY-FWS_katkey | ZDB-4-EBA-ocn922580781 |
|---|---|
| _version_ | 1829095046093209600 |
| adam_text | |
| any_adam_object | |
| author | Frain, Ben |
| author_GND | http://id.loc.gov/authorities/names/no2012136186 |
| author_facet | Frain, Ben |
| author_role | aut |
| author_sort | Frain, Ben |
| author_variant | b f bf |
| 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 Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Essentials of Responsive Web Design; Beginning our quest; Defining responsive web design; Responsive web design in a nutshell; Setting browser support levels; A brief note on tooling and text editors; Our first responsive example; Our basic HTML file; Taming images; Enter media queries; Amending the example for a larger screen; The shortcomings of our example; Summary; Chapter 2: Media Queries -- Supporting Differing Viewports. Why media queries are needed for a responsive web designBasic conditional logic in CSS; Media query syntax; Media queries in link tags; Combining media queries; Media queries with @import; Media queries in CSS; What can media queries test for?; Using media queries to alter a design; Any CSS can be wrapped in a media query; Media queries for HiDPI devices; Considerations for organizing and authoring media queries; Linking to different CSS files with media queries; The practicalities of separating media queries; Nesting media queries 'inline'; Combine media queries or write them where it suits? The viewport meta tagMedia Queries Level 4; Scripting media feature; Interaction media features; The hover media feature; Environment media features; Summary; Chapter 3: Fluid Layouts and Responsive Images; Converting a fixed pixel design to a fluid proportional layout; Why do we need Flexbox?; Inline block and whitespace; Floats; Table and table-cell; Introducing Flexbox; The bumpy path to Flexbox; Browser support for Flexbox; Leave prefixing to someone else; Getting flexy; Perfect vertically centered text; Offset items; Reverse the order of items. How about if we want them laid out vertically instead?Column reverse; Different Flexbox layouts inside different media queries; Inline-flex; Flexbox alignment properties; The align-items property; The align-self property; Possible alignment values; The justify-content property; The flex property; Simple sticky footer; Changing source order; Wrapping up Flexbox; Responsive images; The intrinsic problem of responsive images; Simple resolution switching with srcset; Advanced switching with srcset and sizes; Did you say the browser 'might' pick one image over another? Art direction with the picture elementFacilitate new-fangled image formats; Summary; Chapter 4: HTML5 for Responsive Web Designs; HTML5 markup -- understood by all modern browsers; Starting an HTML5 page the right way; The doctype; The HTML tag and lang attribute; Specifying alternate languages; Character encoding; Easy-going HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; New semantic elements in HTML5; The element; The element; The element; The element; The element; The and elements. |
| ctrlnum | (OCoLC)922580781 |
| dewey-full | 006.7 |
| dewey-hundreds | 000 - Computer science, information, general works |
| dewey-ones | 006 - Special computer methods |
| dewey-raw | 006.7 |
| dewey-search | 006.7 |
| dewey-sort | 16.7 |
| dewey-tens | 000 - Computer science, information, general works |
| discipline | Informatik |
| edition | Second edition. |
| format | Electronic eBook |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>08817cam a2200769 i 4500</leader><controlfield tag="001">ZDB-4-EBA-ocn922580781</controlfield><controlfield tag="003">OCoLC</controlfield><controlfield tag="005">20250103110447.0</controlfield><controlfield tag="006">m o d </controlfield><controlfield tag="007">cr cnu---unuuu</controlfield><controlfield tag="008">150930s2015 enka of 001 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">OCLCF</subfield><subfield code="d">IDEBK</subfield><subfield code="d">TEFOD</subfield><subfield code="d">YDXCP</subfield><subfield code="d">EBLCP</subfield><subfield code="d">DEBBG</subfield><subfield code="d">DEBSZ</subfield><subfield code="d">IDB</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">MERUC</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">CEF</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">UAB</subfield><subfield code="d">AU@</subfield><subfield code="d">UKAHL</subfield><subfield code="d">OCLCQ</subfield><subfield code="d">AUW</subfield><subfield code="d">OCLCQ</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></datafield><datafield tag="019" ind1=" " ind2=" "><subfield code="a">919296827</subfield><subfield code="a">919342890</subfield><subfield code="a">923518632</subfield><subfield code="a">929506380</subfield><subfield code="a">932321159</subfield><subfield code="a">1162457614</subfield><subfield code="a">1259135457</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781784398262</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1784398268</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1784398934</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781784398934</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781784398934</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781784398262</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">1784398268</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)922580781</subfield><subfield code="z">(OCoLC)919296827</subfield><subfield code="z">(OCoLC)919342890</subfield><subfield code="z">(OCoLC)923518632</subfield><subfield code="z">(OCoLC)929506380</subfield><subfield code="z">(OCoLC)932321159</subfield><subfield code="z">(OCoLC)1162457614</subfield><subfield code="z">(OCoLC)1259135457</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">825633</subfield><subfield code="b">MIL</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">5301A61D-0318-49DC-859B-9D391993AD52</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">000000</subfield><subfield code="2">bisacsh</subfield></datafield><datafield tag="082" ind1="7" ind2=" "><subfield code="a">006.7</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">Frain, Ben,</subfield><subfield code="e">author.</subfield><subfield code="0">http://id.loc.gov/authorities/names/no2012136186</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Responsive web design with HTML5 and CSS3 :</subfield><subfield code="b">build responsive and future-proof websites to meet the demands of modern web users /</subfield><subfield code="c">Ben Frain.</subfield></datafield><datafield tag="246" ind1="3" ind2="0"><subfield code="a">Build responsive and future-proof websites to meet the demands of modern web users</subfield></datafield><datafield tag="250" ind1=" " ind2=" "><subfield code="a">Second edition.</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Birmingham, UK :</subfield><subfield code="b">Packt Publishing,</subfield><subfield code="c">2015.</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">1 online resource (1 volume) :</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 cover page (Safari, viewed September 28, 2015).</subfield></datafield><datafield tag="500" ind1=" " ind2=" "><subfield code="a">Includes index.</subfield></datafield><datafield tag="505" ind1="0" ind2=" "><subfield code="a">Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Essentials of Responsive Web Design; Beginning our quest; Defining responsive web design; Responsive web design in a nutshell; Setting browser support levels; A brief note on tooling and text editors; Our first responsive example; Our basic HTML file; Taming images; Enter media queries; Amending the example for a larger screen; The shortcomings of our example; Summary; Chapter 2: Media Queries -- Supporting Differing Viewports.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Why media queries are needed for a responsive web designBasic conditional logic in CSS; Media query syntax; Media queries in link tags; Combining media queries; Media queries with @import; Media queries in CSS; What can media queries test for?; Using media queries to alter a design; Any CSS can be wrapped in a media query; Media queries for HiDPI devices; Considerations for organizing and authoring media queries; Linking to different CSS files with media queries; The practicalities of separating media queries; Nesting media queries 'inline'; Combine media queries or write them where it suits?</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">The viewport meta tagMedia Queries Level 4; Scripting media feature; Interaction media features; The hover media feature; Environment media features; Summary; Chapter 3: Fluid Layouts and Responsive Images; Converting a fixed pixel design to a fluid proportional layout; Why do we need Flexbox?; Inline block and whitespace; Floats; Table and table-cell; Introducing Flexbox; The bumpy path to Flexbox; Browser support for Flexbox; Leave prefixing to someone else; Getting flexy; Perfect vertically centered text; Offset items; Reverse the order of items.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">How about if we want them laid out vertically instead?Column reverse; Different Flexbox layouts inside different media queries; Inline-flex; Flexbox alignment properties; The align-items property; The align-self property; Possible alignment values; The justify-content property; The flex property; Simple sticky footer; Changing source order; Wrapping up Flexbox; Responsive images; The intrinsic problem of responsive images; Simple resolution switching with srcset; Advanced switching with srcset and sizes; Did you say the browser 'might' pick one image over another?</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Art direction with the picture elementFacilitate new-fangled image formats; Summary; Chapter 4: HTML5 for Responsive Web Designs; HTML5 markup -- understood by all modern browsers; Starting an HTML5 page the right way; The doctype; The HTML tag and lang attribute; Specifying alternate languages; Character encoding; Easy-going HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; New semantic elements in HTML5; The element; The element; The element; The element; The element; The and elements.</subfield></datafield><datafield tag="520" ind1=" " ind2=" "><subfield code="a">Learn the HTML5 and CSS3 you need to help you design responsive and future-proof websites that meet the demands of modern web users About This Book Learn and explore how to harness the latest features of HTML5 in the context of responsive web design Learn to wield the new Flexbox layout mechanism, code responsive images, and understand how to implement SVGs in a responsive project Make your pages interactive by using CSS animations, transformations, and transitions Who This Book Is For Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've already implemented your first 'RWD' but are struggling bring it all together? If so, Responsive Web Design with HTML5 and CSS3, Second Edition gives you everything you need to take your web sites to the next level. You'll need some HTML and CSS knowledge to follow along, but everything you need to know about Responsive Design and making great websites is included in the book! What You Will Learn Understand what responsive design is, and why it's vital for modern web development HTML5 markup is cleaner, faster, and more semantically rich than anything that has come before - learn how to use it and its latest features Integrate CSS3 media queries into your designs to use different styles for different media. You'll also learn about future media queries which are evolving in CSS4. Responsive images allow different images to be presented in different scenarios. We'll cover how to load different sets of images depending upon screen size or resolution and how to display different images in different contexts. Conquer forms! Add validation and useful interface elements like date pickers and range sliders with HTML5 markup alone. Implement SVGs into your responsive designs to provide resolution independent images, and learn how to adapt and animate them Learn how to use the latest features of CSS including custom fonts, nth-child selectors (and some CSS4 selectors), CSS custom properties (variables), and CSS calc In Detail Desktop-only websites just aren't good enough anymore. With mobile internet usage still rising, and tablets changing internet consumption habits, you need to know how to build websites that will just 'work', regardless of the devices used to access them. This second edition of Responsive Web Design with HTML5 and CSS3 explains all the key approaches necessary to create and maintain a modern responsive design. The changing way in which we access the web means ...</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</subfield><subfield code="x">General.</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="758" ind1=" " ind2=" "><subfield code="i">has work:</subfield><subfield code="a">Responsive web design with HTML5 and CSS3 (Text)</subfield><subfield code="1">https://id.oclc.org/worldcat/entity/E39PCGBmJjR9GPfbQhCfKcbdjP</subfield><subfield code="4">https://id.oclc.org/worldcat/ontology/hasWork</subfield></datafield><datafield tag="776" ind1="0" ind2="8"><subfield code="i">Print version:</subfield><subfield code="a">Frain, Ben.</subfield><subfield code="t">Responsive Web Design with HTML5 and CSS3.</subfield><subfield code="d">Olton Birmingham : Packt Publishing Ltd, ©2015</subfield><subfield code="z">9781784398934</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="966" ind1="4" ind2="0"><subfield code="l">DE-862</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=1056284</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="966" ind1="4" ind2="0"><subfield code="l">DE-863</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=1056284</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">AH29156392</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest Ebook Central</subfield><subfield code="b">EBLB</subfield><subfield code="n">EBL3564796</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">EBSCOhost</subfield><subfield code="b">EBSC</subfield><subfield code="n">1056284</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest MyiLibrary Digital eBook Collection</subfield><subfield code="b">IDEB</subfield><subfield code="n">cis32452996</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">YBP Library Services</subfield><subfield code="b">YANK</subfield><subfield code="n">12587229</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><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-862</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-863</subfield></datafield></record></collection> |
| id | ZDB-4-EBA-ocn922580781 |
| illustrated | Illustrated |
| indexdate | 2025-04-11T08:42:47Z |
| institution | BVB |
| isbn | 9781784398262 1784398268 1784398934 9781784398934 |
| language | English |
| oclc_num | 922580781 |
| open_access_boolean | |
| owner | MAIN DE-862 DE-BY-FWS DE-863 DE-BY-FWS |
| owner_facet | MAIN DE-862 DE-BY-FWS DE-863 DE-BY-FWS |
| physical | 1 online resource (1 volume) : illustrations |
| psigel | ZDB-4-EBA FWS_PDA_EBA ZDB-4-EBA |
| publishDate | 2015 |
| publishDateSearch | 2015 |
| publishDateSort | 2015 |
| publisher | Packt Publishing, |
| record_format | marc |
| series | Community experience distilled. |
| series2 | Community experience distilled |
| spelling | Frain, Ben, author. http://id.loc.gov/authorities/names/no2012136186 Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / Ben Frain. Build responsive and future-proof websites to meet the demands of modern web users Second edition. Birmingham, UK : Packt Publishing, 2015. 1 online resource (1 volume) : illustrations text txt rdacontent computer c rdamedia online resource cr rdacarrier text file Community experience distilled Online resource; title from cover page (Safari, viewed September 28, 2015). Includes index. Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Essentials of Responsive Web Design; Beginning our quest; Defining responsive web design; Responsive web design in a nutshell; Setting browser support levels; A brief note on tooling and text editors; Our first responsive example; Our basic HTML file; Taming images; Enter media queries; Amending the example for a larger screen; The shortcomings of our example; Summary; Chapter 2: Media Queries -- Supporting Differing Viewports. Why media queries are needed for a responsive web designBasic conditional logic in CSS; Media query syntax; Media queries in link tags; Combining media queries; Media queries with @import; Media queries in CSS; What can media queries test for?; Using media queries to alter a design; Any CSS can be wrapped in a media query; Media queries for HiDPI devices; Considerations for organizing and authoring media queries; Linking to different CSS files with media queries; The practicalities of separating media queries; Nesting media queries 'inline'; Combine media queries or write them where it suits? The viewport meta tagMedia Queries Level 4; Scripting media feature; Interaction media features; The hover media feature; Environment media features; Summary; Chapter 3: Fluid Layouts and Responsive Images; Converting a fixed pixel design to a fluid proportional layout; Why do we need Flexbox?; Inline block and whitespace; Floats; Table and table-cell; Introducing Flexbox; The bumpy path to Flexbox; Browser support for Flexbox; Leave prefixing to someone else; Getting flexy; Perfect vertically centered text; Offset items; Reverse the order of items. How about if we want them laid out vertically instead?Column reverse; Different Flexbox layouts inside different media queries; Inline-flex; Flexbox alignment properties; The align-items property; The align-self property; Possible alignment values; The justify-content property; The flex property; Simple sticky footer; Changing source order; Wrapping up Flexbox; Responsive images; The intrinsic problem of responsive images; Simple resolution switching with srcset; Advanced switching with srcset and sizes; Did you say the browser 'might' pick one image over another? Art direction with the picture elementFacilitate new-fangled image formats; Summary; Chapter 4: HTML5 for Responsive Web Designs; HTML5 markup -- understood by all modern browsers; Starting an HTML5 page the right way; The doctype; The HTML tag and lang attribute; Specifying alternate languages; Character encoding; Easy-going HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; New semantic elements in HTML5; The element; The element; The element; The element; The element; The and elements. Learn the HTML5 and CSS3 you need to help you design responsive and future-proof websites that meet the demands of modern web users About This Book Learn and explore how to harness the latest features of HTML5 in the context of responsive web design Learn to wield the new Flexbox layout mechanism, code responsive images, and understand how to implement SVGs in a responsive project Make your pages interactive by using CSS animations, transformations, and transitions Who This Book Is For Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've already implemented your first 'RWD' but are struggling bring it all together? If so, Responsive Web Design with HTML5 and CSS3, Second Edition gives you everything you need to take your web sites to the next level. You'll need some HTML and CSS knowledge to follow along, but everything you need to know about Responsive Design and making great websites is included in the book! What You Will Learn Understand what responsive design is, and why it's vital for modern web development HTML5 markup is cleaner, faster, and more semantically rich than anything that has come before - learn how to use it and its latest features Integrate CSS3 media queries into your designs to use different styles for different media. You'll also learn about future media queries which are evolving in CSS4. Responsive images allow different images to be presented in different scenarios. We'll cover how to load different sets of images depending upon screen size or resolution and how to display different images in different contexts. Conquer forms! Add validation and useful interface elements like date pickers and range sliders with HTML5 markup alone. Implement SVGs into your responsive designs to provide resolution independent images, and learn how to adapt and animate them Learn how to use the latest features of CSS including custom fonts, nth-child selectors (and some CSS4 selectors), CSS custom properties (variables), and CSS calc In Detail Desktop-only websites just aren't good enough anymore. With mobile internet usage still rising, and tablets changing internet consumption habits, you need to know how to build websites that will just 'work', regardless of the devices used to access them. This second edition of Responsive Web Design with HTML5 and CSS3 explains all the key approaches necessary to create and maintain a modern responsive design. The changing way in which we access the web means ... 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 General. bisacsh Cascading style sheets fast HTML (Document markup language) fast Web sites Design fast has work: Responsive web design with HTML5 and CSS3 (Text) https://id.oclc.org/worldcat/entity/E39PCGBmJjR9GPfbQhCfKcbdjP https://id.oclc.org/worldcat/ontology/hasWork Print version: Frain, Ben. Responsive Web Design with HTML5 and CSS3. Olton Birmingham : Packt Publishing Ltd, ©2015 9781784398934 Community experience distilled. http://id.loc.gov/authorities/names/no2011030603 |
| spellingShingle | Frain, Ben Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / Community experience distilled. Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: The Essentials of Responsive Web Design; Beginning our quest; Defining responsive web design; Responsive web design in a nutshell; Setting browser support levels; A brief note on tooling and text editors; Our first responsive example; Our basic HTML file; Taming images; Enter media queries; Amending the example for a larger screen; The shortcomings of our example; Summary; Chapter 2: Media Queries -- Supporting Differing Viewports. Why media queries are needed for a responsive web designBasic conditional logic in CSS; Media query syntax; Media queries in link tags; Combining media queries; Media queries with @import; Media queries in CSS; What can media queries test for?; Using media queries to alter a design; Any CSS can be wrapped in a media query; Media queries for HiDPI devices; Considerations for organizing and authoring media queries; Linking to different CSS files with media queries; The practicalities of separating media queries; Nesting media queries 'inline'; Combine media queries or write them where it suits? The viewport meta tagMedia Queries Level 4; Scripting media feature; Interaction media features; The hover media feature; Environment media features; Summary; Chapter 3: Fluid Layouts and Responsive Images; Converting a fixed pixel design to a fluid proportional layout; Why do we need Flexbox?; Inline block and whitespace; Floats; Table and table-cell; Introducing Flexbox; The bumpy path to Flexbox; Browser support for Flexbox; Leave prefixing to someone else; Getting flexy; Perfect vertically centered text; Offset items; Reverse the order of items. How about if we want them laid out vertically instead?Column reverse; Different Flexbox layouts inside different media queries; Inline-flex; Flexbox alignment properties; The align-items property; The align-self property; Possible alignment values; The justify-content property; The flex property; Simple sticky footer; Changing source order; Wrapping up Flexbox; Responsive images; The intrinsic problem of responsive images; Simple resolution switching with srcset; Advanced switching with srcset and sizes; Did you say the browser 'might' pick one image over another? Art direction with the picture elementFacilitate new-fangled image formats; Summary; Chapter 4: HTML5 for Responsive Web Designs; HTML5 markup -- understood by all modern browsers; Starting an HTML5 page the right way; The doctype; The HTML tag and lang attribute; Specifying alternate languages; Character encoding; Easy-going HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; New semantic elements in HTML5; The element; The element; The element; The element; The element; The and elements. 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 General. 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 : build responsive and future-proof websites to meet the demands of modern web users / |
| title_alt | Build responsive and future-proof websites to meet the demands of modern web users |
| title_auth | Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / |
| title_exact_search | Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / |
| title_full | Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / Ben Frain. |
| title_fullStr | Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / Ben Frain. |
| title_full_unstemmed | Responsive web design with HTML5 and CSS3 : build responsive and future-proof websites to meet the demands of modern web users / Ben Frain. |
| title_short | Responsive web design with HTML5 and CSS3 : |
| title_sort | responsive web design with html5 and css3 build responsive and future proof websites to meet the demands of modern web users |
| title_sub | build responsive and future-proof websites to meet the demands of modern web users / |
| 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 General. 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 General. Cascading style sheets Web sites Design |
| work_keys_str_mv | AT frainben responsivewebdesignwithhtml5andcss3buildresponsiveandfutureproofwebsitestomeetthedemandsofmodernwebusers AT frainben buildresponsiveandfutureproofwebsitestomeetthedemandsofmodernwebusers |