Mastering responsive web design with HTML5 and CSS3 :: become a master in RWD with this practical and engaging guide /
Push your HTML and CSS skills to the limit and build professional grade, responsive websites About This Book Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from Harness the power of the CSS pre-processor Sass to speed up t...
Gespeichert in:
| 1. Verfasser: | |
|---|---|
| Format: | Elektronisch E-Book |
| Sprache: | English |
| Veröffentlicht: |
Birmingham, UK :
Packt Publishing,
2015.
|
| Schriftenreihe: | Community experience distilled.
|
| Schlagworte: | |
| Online-Zugang: | DE-862 DE-863 |
| Zusammenfassung: | Push your HTML and CSS skills to the limit and build professional grade, responsive websites About This Book Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS Each chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web design Who This Book Is For If you're already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you're a web designer, or web developer, you'll find something here to help you in your responsive design journey. What You Will Learn Install and use Sass with SCSS syntax to create your CSS Use HTML5 tags the right way, for the right type of content Enhance the experience of users with assistive technology with ARIA roles Design with a desktop-first approach, but implement with mobile-first methodology Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout?flexibility' Retrofit your old web sites with your new responsive design skills Deal with legacy browsers, and learn how to keep your designs consistent Implement widely used responsive patterns, such as the?drawer navigation?, the?off-canvas? and the?flexbox-based? navigation patterns Find the best way to serve the right type of image and how to make videos responsive Build custom responsive emails to ensure the message gets across regardless of the device In Detail Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We'll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We'll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds. After this we will learn how to use an easily scalable CSS grid or, if you prefer ... |
| Beschreibung: | Includes index. |
| Beschreibung: | 1 online resource (1 volume) : illustrations |
| ISBN: | 9781783550241 1783550244 1783550236 9781783550234 |
Internformat
MARC
| LEADER | 00000cam a2200000 i 4500 | ||
|---|---|---|---|
| 001 | ZDB-4-EBA-ocn922539532 | ||
| 003 | OCoLC | ||
| 005 | 20250103110447.0 | ||
| 006 | m o d | ||
| 007 | cr cnu---unuuu | ||
| 008 | 150929s2015 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 OCLCQ |d AUW |d OCLCQ |d QGK |d OCLCO |d OCLCQ |d OCLCO |d OCLCL | ||
| 019 | |a 919297036 |a 919342884 |a 923518631 |a 932321160 |a 1259223707 | ||
| 020 | |a 9781783550241 |q (electronic bk.) | ||
| 020 | |a 1783550244 |q (electronic bk.) | ||
| 020 | |a 1783550236 | ||
| 020 | |a 9781783550234 | ||
| 020 | |z 9781783550234 | ||
| 020 | |z 9781783550241 | ||
| 020 | |z 1783550244 | ||
| 035 | |a (OCoLC)922539532 |z (OCoLC)919297036 |z (OCoLC)919342884 |z (OCoLC)923518631 |z (OCoLC)932321160 |z (OCoLC)1259223707 | ||
| 037 | |a 825634 |b MIL | ||
| 037 | |a 0E3D0567-95E0-49F6-BE1A-243F411604CA |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 Zea, Ricardo, |e author. | |
| 245 | 1 | 0 | |a Mastering responsive web design with HTML5 and CSS3 : |b become a master in RWD with this practical and engaging guide / |c Ricardo Zea. |
| 246 | 3 | 0 | |a Become a master in RWD with this practical and engaging guide |
| 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 25, 2015). | |
| 500 | |a Includes index. | ||
| 505 | 0 | |a Cover ; Copyright; Credits; About the Author; Acknowledgment; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Harness the Power of Sass for Responsive Web Design ; How does Sass work?; Installing Sass; Downloading the Ruby installer; Opening the command line; Installing the Sass gem; Using Sass; The basic concepts of Sass for RWD; Sass or SCSS; The Sass syntax; The SCSS syntax; Sass variables; Sass mixins; Sass arguments; How to use several arguments in the same mixin; Setting default values in multiple arguments; Nesting in Sass; Partial files (partials) in Sass. | |
| 505 | 8 | |a The Sass extend/inherit featureSass comments; Vendor prefixing; The order of vendor prefixing; Automating vendor prefixing; Using a third-party program to compile; The Prepros app; One compiler only; Sass mixins to house our media queries; Media queries mixin methods; Summary; Chapter 2: Marking Our Content with HTML5 ; The element; The element; The element; The element; The element; The element; The element; Using WAI-ARIA landmark roles to increase accessibility; WAI-ARIA landmark roles; The banner role; The navigation role. | |
| 505 | 8 | |a The main roleThe contentinfo role; The search role; The form role; The complementary role; Important meta tags to consider for RWD; The viewport meta tag; The X-UA-Compatible meta tag; The charset meta tag; A full HTML5 example page with ARIA roles and meta tags ; Output screenshots for desktop and mobile; Summary; Chapter 3: Mobile-first or Desktop-first? ; Create your designs in a desktop-first view, but implement them with mobile-first; Why create designs in a desktop-first view?; Why implement with mobile-first?; Sass mixins for the mobile-first and desktop-first media queries. | |
| 505 | 8 | |a The mobile-first mixin The desktop-first mixin ; Dealing with legacy browsers; How to use Respond.js for RWD; The days of an IE-specific style sheet are dead; Other benefits of not using an IE-specific style sheet; How to deal with high-density screens; Bitmaps or vectors for high-density screens?; Sometimes RWD is not necessarily the right solution; Retrofitting an old website with RWD; The base page; HTML; CSS/SCSS; Creating the _980gs.scss file; Retrofitting with AWD; Creating the styles.scss file; 980px to 768px (AWD); 768px to 640px (AWD); 640px to 480px (AWD); 480px to 320px (AWD). | |
| 505 | 8 | |a Retrofitting with RWDThe RWD magic formula ; The main container; The Header and Footer sections; The Nav section; The Content section; 980px to 768px (RWD); 768px to 640px (RWD); 640px to 480px (RWD); 480px to 320px (RWD); Summary; Chapter 4: CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD ; What is a grid?; CSS grids; The pros and cons of CSS grids for RWD; CSS frameworks; UI kits; The pros and cons of CSS frameworks for RWD; Creating a custom CSS grid; Doing the math; Adding the UTF-8 character set directive and a Credits section. | |
| 520 | |a Push your HTML and CSS skills to the limit and build professional grade, responsive websites About This Book Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS Each chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web design Who This Book Is For If you're already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you're a web designer, or web developer, you'll find something here to help you in your responsive design journey. What You Will Learn Install and use Sass with SCSS syntax to create your CSS Use HTML5 tags the right way, for the right type of content Enhance the experience of users with assistive technology with ARIA roles Design with a desktop-first approach, but implement with mobile-first methodology Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout?flexibility' Retrofit your old web sites with your new responsive design skills Deal with legacy browsers, and learn how to keep your designs consistent Implement widely used responsive patterns, such as the?drawer navigation?, the?off-canvas? and the?flexbox-based? navigation patterns Find the best way to serve the right type of image and how to make videos responsive Build custom responsive emails to ensure the message gets across regardless of the device In Detail Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We'll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We'll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds. After this we will learn how to use an easily scalable CSS grid or, if you prefer ... | ||
| 546 | |a English. | ||
| 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 Mastering Responsive Web Design with HTML5 and CSS3 (Text) |1 https://id.oclc.org/worldcat/entity/E39PCYfWJbFdtRg3XYBTQYmgjy |4 https://id.oclc.org/worldcat/ontology/hasWork | ||
| 776 | 0 | 8 | |i Print version: |a Zea, Ricardo. |t Mastering Responsive Web Design with HTML5 and CSS3. |d Olton Birmingham : Packt Publishing Ltd, ©2015 |z 9781783550234 |
| 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=1056282 |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=1056282 |3 Volltext |
| 938 | |a ProQuest Ebook Central |b EBLB |n EBL3564798 | ||
| 938 | |a EBSCOhost |b EBSC |n 1056282 | ||
| 938 | |a ProQuest MyiLibrary Digital eBook Collection |b IDEB |n cis32452997 | ||
| 938 | |a YBP Library Services |b YANK |n 12587227 | ||
| 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-ocn922539532 |
|---|---|
| _version_ | 1829095046021906432 |
| adam_text | |
| any_adam_object | |
| author | Zea, Ricardo |
| author_facet | Zea, Ricardo |
| author_role | aut |
| author_sort | Zea, Ricardo |
| author_variant | r z rz |
| 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; Acknowledgment; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Harness the Power of Sass for Responsive Web Design ; How does Sass work?; Installing Sass; Downloading the Ruby installer; Opening the command line; Installing the Sass gem; Using Sass; The basic concepts of Sass for RWD; Sass or SCSS; The Sass syntax; The SCSS syntax; Sass variables; Sass mixins; Sass arguments; How to use several arguments in the same mixin; Setting default values in multiple arguments; Nesting in Sass; Partial files (partials) in Sass. The Sass extend/inherit featureSass comments; Vendor prefixing; The order of vendor prefixing; Automating vendor prefixing; Using a third-party program to compile; The Prepros app; One compiler only; Sass mixins to house our media queries; Media queries mixin methods; Summary; Chapter 2: Marking Our Content with HTML5 ; The element; The element; The element; The element; The element; The element; The element; Using WAI-ARIA landmark roles to increase accessibility; WAI-ARIA landmark roles; The banner role; The navigation role. The main roleThe contentinfo role; The search role; The form role; The complementary role; Important meta tags to consider for RWD; The viewport meta tag; The X-UA-Compatible meta tag; The charset meta tag; A full HTML5 example page with ARIA roles and meta tags ; Output screenshots for desktop and mobile; Summary; Chapter 3: Mobile-first or Desktop-first? ; Create your designs in a desktop-first view, but implement them with mobile-first; Why create designs in a desktop-first view?; Why implement with mobile-first?; Sass mixins for the mobile-first and desktop-first media queries. The mobile-first mixin The desktop-first mixin ; Dealing with legacy browsers; How to use Respond.js for RWD; The days of an IE-specific style sheet are dead; Other benefits of not using an IE-specific style sheet; How to deal with high-density screens; Bitmaps or vectors for high-density screens?; Sometimes RWD is not necessarily the right solution; Retrofitting an old website with RWD; The base page; HTML; CSS/SCSS; Creating the _980gs.scss file; Retrofitting with AWD; Creating the styles.scss file; 980px to 768px (AWD); 768px to 640px (AWD); 640px to 480px (AWD); 480px to 320px (AWD). Retrofitting with RWDThe RWD magic formula ; The main container; The Header and Footer sections; The Nav section; The Content section; 980px to 768px (RWD); 768px to 640px (RWD); 640px to 480px (RWD); 480px to 320px (RWD); Summary; Chapter 4: CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD ; What is a grid?; CSS grids; The pros and cons of CSS grids for RWD; CSS frameworks; UI kits; The pros and cons of CSS frameworks for RWD; Creating a custom CSS grid; Doing the math; Adding the UTF-8 character set directive and a Credits section. |
| ctrlnum | (OCoLC)922539532 |
| 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 |
| format | Electronic eBook |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>08683cam a2200757 i 4500</leader><controlfield tag="001">ZDB-4-EBA-ocn922539532</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">150929s2015 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">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">919297036</subfield><subfield code="a">919342884</subfield><subfield code="a">923518631</subfield><subfield code="a">932321160</subfield><subfield code="a">1259223707</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781783550241</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1783550244</subfield><subfield code="q">(electronic bk.)</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1783550236</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9781783550234</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781783550234</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">9781783550241</subfield></datafield><datafield tag="020" ind1=" " ind2=" "><subfield code="z">1783550244</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)922539532</subfield><subfield code="z">(OCoLC)919297036</subfield><subfield code="z">(OCoLC)919342884</subfield><subfield code="z">(OCoLC)923518631</subfield><subfield code="z">(OCoLC)932321160</subfield><subfield code="z">(OCoLC)1259223707</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">825634</subfield><subfield code="b">MIL</subfield></datafield><datafield tag="037" ind1=" " ind2=" "><subfield code="a">0E3D0567-95E0-49F6-BE1A-243F411604CA</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">Zea, Ricardo,</subfield><subfield code="e">author.</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Mastering responsive web design with HTML5 and CSS3 :</subfield><subfield code="b">become a master in RWD with this practical and engaging guide /</subfield><subfield code="c">Ricardo Zea.</subfield></datafield><datafield tag="246" ind1="3" ind2="0"><subfield code="a">Become a master in RWD with this practical and engaging guide</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 25, 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; Acknowledgment; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Harness the Power of Sass for Responsive Web Design ; How does Sass work?; Installing Sass; Downloading the Ruby installer; Opening the command line; Installing the Sass gem; Using Sass; The basic concepts of Sass for RWD; Sass or SCSS; The Sass syntax; The SCSS syntax; Sass variables; Sass mixins; Sass arguments; How to use several arguments in the same mixin; Setting default values in multiple arguments; Nesting in Sass; Partial files (partials) in Sass.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">The Sass extend/inherit featureSass comments; Vendor prefixing; The order of vendor prefixing; Automating vendor prefixing; Using a third-party program to compile; The Prepros app; One compiler only; Sass mixins to house our media queries; Media queries mixin methods; Summary; Chapter 2: Marking Our Content with HTML5 ; The element; The element; The element; The element; The element; The element; The element; Using WAI-ARIA landmark roles to increase accessibility; WAI-ARIA landmark roles; The banner role; The navigation role.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">The main roleThe contentinfo role; The search role; The form role; The complementary role; Important meta tags to consider for RWD; The viewport meta tag; The X-UA-Compatible meta tag; The charset meta tag; A full HTML5 example page with ARIA roles and meta tags ; Output screenshots for desktop and mobile; Summary; Chapter 3: Mobile-first or Desktop-first? ; Create your designs in a desktop-first view, but implement them with mobile-first; Why create designs in a desktop-first view?; Why implement with mobile-first?; Sass mixins for the mobile-first and desktop-first media queries.</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">The mobile-first mixin The desktop-first mixin ; Dealing with legacy browsers; How to use Respond.js for RWD; The days of an IE-specific style sheet are dead; Other benefits of not using an IE-specific style sheet; How to deal with high-density screens; Bitmaps or vectors for high-density screens?; Sometimes RWD is not necessarily the right solution; Retrofitting an old website with RWD; The base page; HTML; CSS/SCSS; Creating the _980gs.scss file; Retrofitting with AWD; Creating the styles.scss file; 980px to 768px (AWD); 768px to 640px (AWD); 640px to 480px (AWD); 480px to 320px (AWD).</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Retrofitting with RWDThe RWD magic formula ; The main container; The Header and Footer sections; The Nav section; The Content section; 980px to 768px (RWD); 768px to 640px (RWD); 640px to 480px (RWD); 480px to 320px (RWD); Summary; Chapter 4: CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD ; What is a grid?; CSS grids; The pros and cons of CSS grids for RWD; CSS frameworks; UI kits; The pros and cons of CSS frameworks for RWD; Creating a custom CSS grid; Doing the math; Adding the UTF-8 character set directive and a Credits section.</subfield></datafield><datafield tag="520" ind1=" " ind2=" "><subfield code="a">Push your HTML and CSS skills to the limit and build professional grade, responsive websites About This Book Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS Each chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web design Who This Book Is For If you're already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you're a web designer, or web developer, you'll find something here to help you in your responsive design journey. What You Will Learn Install and use Sass with SCSS syntax to create your CSS Use HTML5 tags the right way, for the right type of content Enhance the experience of users with assistive technology with ARIA roles Design with a desktop-first approach, but implement with mobile-first methodology Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout?flexibility' Retrofit your old web sites with your new responsive design skills Deal with legacy browsers, and learn how to keep your designs consistent Implement widely used responsive patterns, such as the?drawer navigation?, the?off-canvas? and the?flexbox-based? navigation patterns Find the best way to serve the right type of image and how to make videos responsive Build custom responsive emails to ensure the message gets across regardless of the device In Detail Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We'll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We'll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds. After this we will learn how to use an easily scalable CSS grid or, if you prefer ...</subfield></datafield><datafield tag="546" ind1=" " ind2=" "><subfield code="a">English.</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">Mastering Responsive Web Design with HTML5 and CSS3 (Text)</subfield><subfield code="1">https://id.oclc.org/worldcat/entity/E39PCYfWJbFdtRg3XYBTQYmgjy</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">Zea, Ricardo.</subfield><subfield code="t">Mastering Responsive Web Design with HTML5 and CSS3.</subfield><subfield code="d">Olton Birmingham : Packt Publishing Ltd, ©2015</subfield><subfield code="z">9781783550234</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=1056282</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=1056282</subfield><subfield code="3">Volltext</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest Ebook Central</subfield><subfield code="b">EBLB</subfield><subfield code="n">EBL3564798</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">EBSCOhost</subfield><subfield code="b">EBSC</subfield><subfield code="n">1056282</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">ProQuest MyiLibrary Digital eBook Collection</subfield><subfield code="b">IDEB</subfield><subfield code="n">cis32452997</subfield></datafield><datafield tag="938" ind1=" " ind2=" "><subfield code="a">YBP Library Services</subfield><subfield code="b">YANK</subfield><subfield code="n">12587227</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-ocn922539532 |
| illustrated | Illustrated |
| indexdate | 2025-04-11T08:42:47Z |
| institution | BVB |
| isbn | 9781783550241 1783550244 1783550236 9781783550234 |
| language | English |
| oclc_num | 922539532 |
| 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 | Zea, Ricardo, author. Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / Ricardo Zea. Become a master in RWD with this practical and engaging guide 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 25, 2015). Includes index. Cover ; Copyright; Credits; About the Author; Acknowledgment; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Harness the Power of Sass for Responsive Web Design ; How does Sass work?; Installing Sass; Downloading the Ruby installer; Opening the command line; Installing the Sass gem; Using Sass; The basic concepts of Sass for RWD; Sass or SCSS; The Sass syntax; The SCSS syntax; Sass variables; Sass mixins; Sass arguments; How to use several arguments in the same mixin; Setting default values in multiple arguments; Nesting in Sass; Partial files (partials) in Sass. The Sass extend/inherit featureSass comments; Vendor prefixing; The order of vendor prefixing; Automating vendor prefixing; Using a third-party program to compile; The Prepros app; One compiler only; Sass mixins to house our media queries; Media queries mixin methods; Summary; Chapter 2: Marking Our Content with HTML5 ; The element; The element; The element; The element; The element; The element; The element; Using WAI-ARIA landmark roles to increase accessibility; WAI-ARIA landmark roles; The banner role; The navigation role. The main roleThe contentinfo role; The search role; The form role; The complementary role; Important meta tags to consider for RWD; The viewport meta tag; The X-UA-Compatible meta tag; The charset meta tag; A full HTML5 example page with ARIA roles and meta tags ; Output screenshots for desktop and mobile; Summary; Chapter 3: Mobile-first or Desktop-first? ; Create your designs in a desktop-first view, but implement them with mobile-first; Why create designs in a desktop-first view?; Why implement with mobile-first?; Sass mixins for the mobile-first and desktop-first media queries. The mobile-first mixin The desktop-first mixin ; Dealing with legacy browsers; How to use Respond.js for RWD; The days of an IE-specific style sheet are dead; Other benefits of not using an IE-specific style sheet; How to deal with high-density screens; Bitmaps or vectors for high-density screens?; Sometimes RWD is not necessarily the right solution; Retrofitting an old website with RWD; The base page; HTML; CSS/SCSS; Creating the _980gs.scss file; Retrofitting with AWD; Creating the styles.scss file; 980px to 768px (AWD); 768px to 640px (AWD); 640px to 480px (AWD); 480px to 320px (AWD). Retrofitting with RWDThe RWD magic formula ; The main container; The Header and Footer sections; The Nav section; The Content section; 980px to 768px (RWD); 768px to 640px (RWD); 640px to 480px (RWD); 480px to 320px (RWD); Summary; Chapter 4: CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD ; What is a grid?; CSS grids; The pros and cons of CSS grids for RWD; CSS frameworks; UI kits; The pros and cons of CSS frameworks for RWD; Creating a custom CSS grid; Doing the math; Adding the UTF-8 character set directive and a Credits section. Push your HTML and CSS skills to the limit and build professional grade, responsive websites About This Book Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS Each chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web design Who This Book Is For If you're already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you're a web designer, or web developer, you'll find something here to help you in your responsive design journey. What You Will Learn Install and use Sass with SCSS syntax to create your CSS Use HTML5 tags the right way, for the right type of content Enhance the experience of users with assistive technology with ARIA roles Design with a desktop-first approach, but implement with mobile-first methodology Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout?flexibility' Retrofit your old web sites with your new responsive design skills Deal with legacy browsers, and learn how to keep your designs consistent Implement widely used responsive patterns, such as the?drawer navigation?, the?off-canvas? and the?flexbox-based? navigation patterns Find the best way to serve the right type of image and how to make videos responsive Build custom responsive emails to ensure the message gets across regardless of the device In Detail Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We'll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We'll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds. After this we will learn how to use an easily scalable CSS grid or, if you prefer ... English. 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: Mastering Responsive Web Design with HTML5 and CSS3 (Text) https://id.oclc.org/worldcat/entity/E39PCYfWJbFdtRg3XYBTQYmgjy https://id.oclc.org/worldcat/ontology/hasWork Print version: Zea, Ricardo. Mastering Responsive Web Design with HTML5 and CSS3. Olton Birmingham : Packt Publishing Ltd, ©2015 9781783550234 Community experience distilled. http://id.loc.gov/authorities/names/no2011030603 |
| spellingShingle | Zea, Ricardo Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / Community experience distilled. Cover ; Copyright; Credits; About the Author; Acknowledgment; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Harness the Power of Sass for Responsive Web Design ; How does Sass work?; Installing Sass; Downloading the Ruby installer; Opening the command line; Installing the Sass gem; Using Sass; The basic concepts of Sass for RWD; Sass or SCSS; The Sass syntax; The SCSS syntax; Sass variables; Sass mixins; Sass arguments; How to use several arguments in the same mixin; Setting default values in multiple arguments; Nesting in Sass; Partial files (partials) in Sass. The Sass extend/inherit featureSass comments; Vendor prefixing; The order of vendor prefixing; Automating vendor prefixing; Using a third-party program to compile; The Prepros app; One compiler only; Sass mixins to house our media queries; Media queries mixin methods; Summary; Chapter 2: Marking Our Content with HTML5 ; The element; The element; The element; The element; The element; The element; The element; Using WAI-ARIA landmark roles to increase accessibility; WAI-ARIA landmark roles; The banner role; The navigation role. The main roleThe contentinfo role; The search role; The form role; The complementary role; Important meta tags to consider for RWD; The viewport meta tag; The X-UA-Compatible meta tag; The charset meta tag; A full HTML5 example page with ARIA roles and meta tags ; Output screenshots for desktop and mobile; Summary; Chapter 3: Mobile-first or Desktop-first? ; Create your designs in a desktop-first view, but implement them with mobile-first; Why create designs in a desktop-first view?; Why implement with mobile-first?; Sass mixins for the mobile-first and desktop-first media queries. The mobile-first mixin The desktop-first mixin ; Dealing with legacy browsers; How to use Respond.js for RWD; The days of an IE-specific style sheet are dead; Other benefits of not using an IE-specific style sheet; How to deal with high-density screens; Bitmaps or vectors for high-density screens?; Sometimes RWD is not necessarily the right solution; Retrofitting an old website with RWD; The base page; HTML; CSS/SCSS; Creating the _980gs.scss file; Retrofitting with AWD; Creating the styles.scss file; 980px to 768px (AWD); 768px to 640px (AWD); 640px to 480px (AWD); 480px to 320px (AWD). Retrofitting with RWDThe RWD magic formula ; The main container; The Header and Footer sections; The Nav section; The Content section; 980px to 768px (RWD); 768px to 640px (RWD); 640px to 480px (RWD); 480px to 320px (RWD); Summary; Chapter 4: CSS Grids, CSS Frameworks, UI Kits, and Flexbox for RWD ; What is a grid?; CSS grids; The pros and cons of CSS grids for RWD; CSS frameworks; UI kits; The pros and cons of CSS frameworks for RWD; Creating a custom CSS grid; Doing the math; Adding the UTF-8 character set directive and a Credits section. 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 | Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / |
| title_alt | Become a master in RWD with this practical and engaging guide |
| title_auth | Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / |
| title_exact_search | Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / |
| title_full | Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / Ricardo Zea. |
| title_fullStr | Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / Ricardo Zea. |
| title_full_unstemmed | Mastering responsive web design with HTML5 and CSS3 : become a master in RWD with this practical and engaging guide / Ricardo Zea. |
| title_short | Mastering responsive web design with HTML5 and CSS3 : |
| title_sort | mastering responsive web design with html5 and css3 become a master in rwd with this practical and engaging guide |
| title_sub | become a master in RWD with this practical and engaging guide / |
| 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 zearicardo masteringresponsivewebdesignwithhtml5andcss3becomeamasterinrwdwiththispracticalandengagingguide AT zearicardo becomeamasterinrwdwiththispracticalandengagingguide |