LEADER 05019nam 2200637 a 450 001 9910790147303321 005 20200520144314.0 010 $a1-280-15709-7 010 $a9786613541765 010 $a1-84969-319-6 035 $a(CKB)2670000000173548 035 $a(EBL)932953 035 $a(OCoLC)789644279 035 $a(SSID)ssj0000658401 035 $a(PQKBManifestationID)12208417 035 $a(PQKBTitleCode)TC0000658401 035 $a(PQKBWorkID)10700069 035 $a(PQKB)11522915 035 $a(MiAaPQ)EBC932953 035 $a(Au-PeEL)EBL932953 035 $a(CaPaEBR)ebr10554432 035 $a(CaONFJC)MIL354176 035 $a(PPN)227988914 035 $a(EXLCZ)992670000000173548 100 $a20120502d2012 uy 0 101 0 $aeng 135 $aur|n|---||||| 181 $ctxt 182 $cc 183 $acr 200 10$aResponsive web design with HTML5 and CSS3$b[electronic resource] $elearn responsive design using HTML5 and CSS3 to adapt websites to any browser or screen size /$fBen Frain 210 $aBirmingham ;$aMumbai $cPackt Pub.$d2012 215 $a1 online resource (325 p.) 225 1 $aCommunity experience distilled 300 $aIncludes index. 311 $a1-84969-318-8 327 $aCover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started with HTML5, CSS3, and Responsive Web Design; Why smart phones are important (and old IE isn't); Are there times when a responsive design isn't the right choice?; Defining responsive web design; Why stop at responsive design?; Examples of responsive web design; Get your viewport testing tools here!; Online sources of inspiration; HTML5-why it's so good; Saving time and code with HTML5; New, semantically meaningful HTML5 tag elements 327 $aCSS3 enables responsive designs and moreThe bottom line-CSS3 won't break anything!; How can CSS3 solve everyday design problems?; Look Ma'-no images!; What else has CSS3 got to offer?; Can HTML5 and CSS3 work for us today?; Responsive web designs are not magic bullets; Educating our clients that websites shouldn't look the same in all browsers; Summary; Chapter 2: Media Queries: Supporting Differing Viewports; You can use media queries today; Why responsive designs need media queries?; Media query syntax; What can media queries test for?; Using media queries to alter our design 327 $aThe best way to load media queries for responsive designsOur first responsive design; Don't panic but our design is fixed-width; Responsive designs-making images as economical as possible; Content clipping in smaller viewports; Stopping modern mobile browsers from auto-resizing the page; Fixing the design for different viewport widths; With responsive designs, content should always come first; Media queries-only part of the solution; We need a fluid layout; Summary; Chapter 3: Embracing Fluid Layouts; Fixed layouts aren't future proof 327 $aWhy proportional layouts are essential for responsive designsAmending a design from fixed to proportional layout; A formula to remember; Setting a context for proportional elements; It's always important to remember the context; Using ems rather than pixels for typography; Fluid images; Making images scale with the viewport; Specific rules for specific images; Putting the brakes on fluid images; The incredibly versatile max-width property; Serving different images for different screen sizes; Setting up Adaptive Images; Put background images somewhere else 327 $aWhere fluid grids and media queries come togetherCSS Grid systems; Rapidly building our site with a Grid system; Summary; Chapter 4: HTML5 for Responsive Designs; What parts of HTML5 can we use today?; Most sites can be written in HTML5; Polyfills, shims, and Modernizr; How to write HTML5 pages; Economies of using HTML5; A sensible approach to HTML5 markup; All hail the mighty tag; Obsolete HTML features; New semantic elements in HTML5; The element; The element; The element; The element; The element; The HTML5 outline algorithm 327 $aThe element 330 $aThis book will lead you, step by step and with illustrative screenshots, through a real example. Are you writing two websites - one for mobile and one for larger displays? Or perhaps you've heard of Responsive Design but are unsure how to bring HTML5, CSS3, or responsive design all together. If so, this book provides everything you need to take your web pages to the next level - before all your competitors do! 410 0$aCommunity experience distilled. 606 $aHTML (Document markup language) 615 0$aHTML (Document markup language) 676 $a006.74 676 $a006.76 700 $aFrain$b Ben$01122746 801 0$bMiAaPQ 801 1$bMiAaPQ 801 2$bMiAaPQ 906 $aBOOK 912 $a9910790147303321 996 $aResponsive web design with HTML5 and CSS3$93695459 997 $aUNINA