<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta name="generator" content="pdf2htmlEX"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/css/base.min.css"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/css/fancy.min.css"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/10109039/raw.css"><script src="https://csdnimg.cn/release/download_crawler_static/js/compatibility.min.js"></script><script src="https://csdnimg.cn/release/download_crawler_static/js/pdf2htmlEX.min.js"></script><script>try{pdf2htmlEX.defaultViewer = new pdf2htmlEX.Viewer({});}catch(e){}</script><title></title></head><body><div id="sidebar" style="display: none"><div id="outline"></div></div><div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/10109039/bg1.jpg"><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">WOW! eBook </div><div class="t m0 x0 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">www.wowebook.org</div></div></div><div class="pi" data-data='{"ctm":[1.568627,0.000000,0.000000,1.568627,0.000000,0.000000]}'></div></div></body></html>
<div id="pf2" class="pf w0 h0" data-page-no="2"><div class="pc pc2 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/10109039/bg2.jpg"><div class="t m0 x3 h4 y4 ff2 fs1 fc1 sc0 ls0 ws0">Responsive W<span class="_ _0"></span>eb Design </div><div class="t m0 x3 h4 y5 ff2 fs1 fc1 sc0 ls0 ws0">with HTML5 and CSS3 </div><div class="t m0 x3 h5 y6 ff3 fs2 fc1 sc0 ls0 ws0">Second Edition</div><div class="t m0 x3 h6 y7 ff2 fs3 fc1 sc0 ls0 ws0">Build responsive and future-proof websites to meet </div><div class="t m0 x3 h6 y8 ff2 fs3 fc1 sc0 ls0 ws0">the demands of modern web users</div><div class="t m0 x3 h7 y9 ff4 fs4 fc1 sc0 ls0 ws0">Ben Frain</div><div class="t m0 x3 h8 ya ff2 fs5 fc1 sc0 ls0 ws0">BIRMINGHAM - MUMBAI</div><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">WOW! eBook </div><div class="t m0 x0 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">www.wowebook.org</div></div></div><div class="pi" data-data='{"ctm":[1.568627,0.000000,0.000000,1.568627,0.000000,0.000000]}'></div></div>
<div id="pf3" class="pf w0 h0" data-page-no="3"><div class="pc pc3 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/10109039/bg3.jpg"><div class="t m0 x3 h6 yb ff2 fs3 fc1 sc0 ls0 ws0">Responsive W<span class="_ _0"></span>eb Design with HTML5 and CSS3 </div><div class="t m0 x3 h9 yc ff3 fs6 fc1 sc0 ls0 ws0">Second Edition</div><div class="t m0 x3 ha yd ff5 fs7 fc1 sc0 ls0 ws0">Copyright © 2015 Packt Publishing</div><div class="t m0 x3 ha ye ff5 fs7 fc1 sc0 ls0 ws0">All rights reserved. No part of this book may be reproduced, stored in a retrieval </div><div class="t m0 x3 ha yf ff5 fs7 fc1 sc0 ls0 ws0">system, or transmitted in any form or by any means, without the prior written </div><div class="t m0 x3 ha y10 ff5 fs7 fc1 sc0 ls0 ws0">permission of the publisher, except in the case of brief quotations embedded in </div><div class="t m0 x3 ha y11 ff5 fs7 fc1 sc0 ls0 ws0">critical articles or reviews.</div><div class="t m0 x3 ha y12 ff5 fs7 fc1 sc0 ls0 ws0">Every effort has been made in the preparation of this book to ensure the accuracy </div><div class="t m0 x3 ha y13 ff5 fs7 fc1 sc0 ls0 ws0">of the information presented. However, the information contained in this book is </div><div class="t m0 x3 ha y14 ff5 fs7 fc1 sc0 ls0 ws0">sold without warranty, either express or implied. Neither the author, nor Packt </div><div class="t m0 x3 ha y15 ff5 fs7 fc1 sc0 ls0 ws0">Publishing, and its dealers and distributors will be held liable for any damages </div><div class="t m0 x3 ha y16 ff5 fs7 fc1 sc0 ls0 ws0">caused or alleged to be caused directly or indirectly by this book.</div><div class="t m0 x3 ha y17 ff5 fs7 fc1 sc0 ls0 ws0">Packt Publishing has endeavored to provide trademark information about all of the </div><div class="t m0 x3 ha y18 ff5 fs7 fc1 sc0 ls0 ws0">companies and products mentioned in this book by the appropriate use of capitals. </div><div class="t m0 x3 ha y19 ff5 fs7 fc1 sc0 ls0 ws0">However, Packt Publishing cannot guarantee the accuracy of this information.</div><div class="t m0 x3 ha y1a ff5 fs7 fc1 sc0 ls0 ws0">First published: April 2012</div><div class="t m0 x3 ha y1b ff5 fs7 fc1 sc0 ls0 ws0">Second edition: August 2015</div><div class="t m0 x3 ha y1c ff5 fs7 fc1 sc0 ls0 ws0">Production reference: 2200815</div><div class="t m0 x3 ha y1d ff5 fs7 fc1 sc0 ls0 ws0">Published by Packt Publishing Ltd.</div><div class="t m0 x3 ha y1e ff5 fs7 fc1 sc0 ls0 ws0">Livery Place</div><div class="t m0 x3 ha y1f ff5 fs7 fc1 sc0 ls0 ws0">35 Livery Street</div><div class="t m0 x3 ha y20 ff5 fs7 fc1 sc0 ls0 ws0">Birmingham B3 2PB, UK.</div><div class="t m0 x3 ha y21 ff5 fs7 fc1 sc0 ls0 ws0">ISBN 978-1-78439-893-4</div><div class="t m0 x3 hb y22 ff6 fs8 fc1 sc0 ls0 ws0">www.packtpub.com</div><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">WOW! eBook </div><div class="t m0 x0 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">www.wowebook.org</div></div><a class="l" rel='nofollow' onclick='return false;'><div class="d m1"></div></a></div><div class="pi" data-data='{"ctm":[1.568627,0.000000,0.000000,1.568627,0.000000,0.000000]}'></div></div>
<div id="pf4" class="pf w0 h0" data-page-no="4"><div class="pc pc4 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/10109039/bg4.jpg"><div class="t m0 x4 h4 y4 ff2 fs1 fc1 sc0 ls0 ws0">Credits</div><div class="t m0 x5 hc y23 ff4 fs9 fc1 sc0 ls0 ws0">Author</div><div class="t m0 x6 hd y24 ff2 fs9 fc1 sc0 ls0 ws0">Ben Frain</div><div class="t m0 x5 hc y25 ff4 fs9 fc1 sc0 ls0 ws0">Reviewers</div><div class="t m0 x6 hd y26 ff2 fs9 fc1 sc0 ls0 ws1">Esteban <span class="_ _1"></span>S. Abait</div><div class="t m0 x6 hd y27 ff2 fs9 fc1 sc0 ls0 ws0">Christopher Scott Hernandez</div><div class="t m0 x6 hd y28 ff2 fs9 fc1 sc0 ls0 ws0">Mauvis Ledford</div><div class="t m0 x6 hd y29 ff2 fs9 fc1 sc0 ls0 ws0">Sophie Williams</div><div class="t m0 x5 hc y2a ff4 fs9 fc1 sc0 ls0 ws0">Commissioning Editor</div><div class="t m0 x6 hd y2b ff2 fs9 fc1 sc0 ls0 ws0">Edward Gordon</div><div class="t m0 x5 hc y2c ff4 fs9 fc1 sc0 ls0 ws0">Acquisition Editors</div><div class="t m0 x6 hd y2d ff2 fs9 fc1 sc0 ls0 ws0">Edward Gordon</div><div class="t m0 x6 hd y2e ff2 fs9 fc1 sc0 ls0 ws0">Subho Gupta</div><div class="t m0 x5 hc y2f ff4 fs9 fc1 sc0 ls0 ws0">Content Development Editor</div><div class="t m0 x6 hd y30 ff2 fs9 fc1 sc0 ls0 ws0">Pooja Nair</div><div class="t m0 x5 hc y31 ff4 fs9 fc1 sc0 ls0 ws0">T<span class="_ _0"></span>echnical Editor</div><div class="t m0 x6 hd y32 ff2 fs9 fc1 sc0 ls0 ws2">Ankita Thakur</div><div class="t m0 x7 hc y33 ff4 fs9 fc1 sc0 ls0 ws0">Copy Editors</div><div class="t m0 x8 hd y34 ff2 fs9 fc1 sc0 ls0 ws2">Rebecca Y<span class="_ _2"></span>oué</div><div class="t m0 x8 hd y35 ff2 fs9 fc1 sc0 ls0 ws0">Sonia Cheema</div><div class="t m0 x7 hc y36 ff4 fs9 fc1 sc0 ls0 ws0">Project Coordinator</div><div class="t m0 x8 hd y37 ff2 fs9 fc1 sc0 ls0 ws0">Bijal Patel</div><div class="t m0 x7 hc y38 ff4 fs9 fc1 sc0 ls0 ws0">Proofreader</div><div class="t m0 x8 hd y39 ff7 fs9 fc1 sc0 ls0 ws0">Sas Editing</div><div class="t m0 x7 hc y3a ff4 fs9 fc1 sc0 ls0 ws0">Indexer</div><div class="t m0 x8 hd y3b ff2 fs9 fc1 sc0 ls0 ws0">Mariammal Chettiyar</div><div class="t m0 x7 hc y3c ff4 fs9 fc1 sc0 ls0 ws0">Production Coordinator</div><div class="t m0 x8 hd y3d ff2 fs9 fc1 sc0 ls0 ws0">Nilesh R. Mohite</div><div class="t m0 x7 hc y3e ff4 fs9 fc1 sc0 ls0 ws0">Cover Work</div><div class="t m0 x8 hd y3f ff2 fs9 fc1 sc0 ls0 ws0">Nilesh R. Mohite</div><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">WOW! eBook </div><div class="t m0 x0 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">www.wowebook.org</div></div></div><div class="pi" data-data='{"ctm":[1.568627,0.000000,0.000000,1.568627,0.000000,0.000000]}'></div></div>
<div id="pf5" class="pf w0 h0" data-page-no="5"><div class="pc pc5 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/10109039/bg5.jpg"><div class="t m0 x9 h4 y40 ff2 fs1 fc1 sc0 ls0 ws3">About <span class="_ _3"></span>the Author</div><div class="t m0 x3 he y41 ff8 fs6 fc1 sc0 ls0 ws0">Ben Frain<span class="ff5 fs7"> has been a web designer/developer since 1996. He is currently employed </span></div><div class="t m0 x3 ha y42 ff5 fs7 fc1 sc0 ls0 ws0">as a Senior Front-end Developer at Bet365.</div><div class="t m0 x3 ha y43 ff5 fs7 fc1 sc0 ls0 ws0">Before the web, he worked as an underrated (and modest) TV actor and technology </div><div class="t m0 x3 ha y44 ff5 fs7 fc1 sc0 ls0 ws0">journalist, having graduated from Salford University with a degree in Media and </div><div class="t m0 x3 ha y45 ff5 fs7 fc1 sc0 ls0 ws0">Performance.</div><div class="t m0 x3 ha y46 ff5 fs7 fc1 sc0 ls0 ws0">He has written four equally underrated (his opinion) screenplays and still harbors </div><div class="t m0 x3 ha y47 ff5 fs7 fc1 sc0 ls0 ws0">the (fading) belief he might sell one. Outside of work, he enjoys simple pleasures. </div><div class="t m0 x3 ha y48 ff5 fs7 fc1 sc0 ls0 ws0">Playing indoor football while his body and wife still allow it, and wrestling with his </div><div class="t m0 x3 ha y49 ff5 fs7 fc1 sc0 ls0 ws0">two sons.</div><div class="t m0 x3 ha y4a ff5 fs7 fc1 sc0 ls0 ws0">His other book, <span class="ff9">Sass and Compass for Designers</span> is available now. Visit Ben online at </div><div class="t m0 x3 ha y4b ff6 fs8 fc1 sc0 ls0 ws0">www.benfrain.com<span class="ff5 fs7"> and follow him on Twitter at </span>twitter.com/benfrain<span class="ff5 fs7">.</span></div><div class="t m0 xa ha y4c ff5 fs7 fc1 sc0 ls0 ws0">I'd like to thank the technical reviewers of this book for giving up </div><div class="t m0 xa ha y4d ff5 fs7 fc1 sc0 ls0 ws0">their free time to provide valuable input. Thanks to them, this is a </div><div class="t m0 xa ha y4e ff5 fs7 fc1 sc0 ls0 ws0">better product.</div><div class="t m0 xa ha y4f ff5 fs7 fc1 sc0 ls0 ws0">I'd also like to thank the web community at large for their continued </div><div class="t m0 xa ha y50 ff5 fs7 fc1 sc0 ls0 ws0">sharing of information. Without them, I wouldn't be able to enjoy my </div><div class="t m0 xa ha y51 ff5 fs7 fc1 sc0 ls0 ws0">working days as a web developer.</div><div class="t m0 xa ha y52 ff5 fs7 fc1 sc0 ls0 ws0">Most importantly, a note of appreciation for my family. Many </div><div class="t m0 xa ha y53 ff5 fs7 fc1 sc0 ls0 ws0">episodes of sub-standard TV (wife), cups of tea (parents), and </div><div class="t m0 xa ha y54 ffa fs7 fc1 sc0 ls0 ws0">piratical sword-ghts (sons) were sacriced for the writing of <span class="ff5"> </span></div><div class="t m0 xa ha y55 ff5 fs7 fc1 sc0 ls0 ws0">this book.</div><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">WOW! eBook </div><div class="t m0 x0 h3 y3 ff1 fs0 fc0 sc0 ls0 ws0">www.wowebook.org</div></div><a class="l" rel='nofollow' onclick='return false;'><div class="d m1"></div></a><a class="l" rel='nofollow' onclick='return false;'><div class="d m1"></div></a></div><div class="pi" data-data='{"ctm":[1.568627,0.000000,0.000000,1.568627,0.000000,0.000000]}'></div></div>
