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
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 that there has never been a greater range of screen sizes and associated user experiences to consider. With these recent trends driving changes in design, typical desktop-only websites fail to meet even minimum expectations when it comes to style and usability, which can be vital when your website is central to yours or your client's brand. Responsive Web Design with HTML5 and CSS3, Second Edition is an updated and improved guide that responds to the latest challenges and trends in web design, giving you access to the most effective approaches to modern responsive design.
Learn how to build websites with a “responsive and mobile first” methodology, allowing a website to display effortlessly on every device that accesses it. Packed with examples, and a thorough explanation of modern techniques and syntax, Responsive Web Design with HTML5 and CSS3, Second Edition provides a comprehensive resource for all things responsive'.
This updated new edition covers all the most up-to-date techniques and tools needed to build great responsive designs, ensuring that your projects won't just be built right' for today, but in the future too.
Chapter example code is all hosted on rwd.education, a dedicated site for the book, built by the author, using the approaches and techniques championed throughout.
About the Author
Ben Frain has been a web designer/developer since 1996. He is currently employed as a Senior Front-end Developer at Bet365. Before the web, he worked as an underrated (and modest) TV actor and technology journalist, having graduated from Salford University with a degree in Media and Performance. He has written four equally underrated (his opinion) screenplays and still harbors the (fading) belief he might sell one. Outside of work, he enjoys simple pleasures. Playing indoor football while his body and wife still allow it, and wrestling with his two sons. His other book, Sass and Compass for Designers is available now. Visit Ben online at www.benfrain.com and follow him on Twitter at twitter.com/benfrain.
Most helpful customer reviews
42 of 43 people found the following review helpful.
Overpriced and incorrect math
Honestly, I feel duped by all the 5 star reviews. This book is worth about $10 if you are say, a freelance web developer interested in a feet-wet dip into responsive design. For $35 I expect a reference book and this book falls far short of that. To explain more: In the first 4 chapters, ff you cut out the random opinions by the Author, the repetitive 101 level CSS2 stuff and the screen shots, then you are quite literally left with a couple of examples on media queries. Maybe 3 pages of actual information. It does get a little better after that but there is still a ton of filler.
Another detraction from the book for me was an unforgivable error that the Author makes:
He encourages the use of % over pixel. He is totally right that for fluid layout that technique works. However he devotes a half page to defending it and even argues that you should not round a 9 digit number (like 43.9919951%) to a more reasonable 4 or 5 digits. That statement shows a total lack of comprehension of basic math, browser interpretation and even screen resolution.
To a screen there is no such thing as 1/2 a pixel. On a device with a 2400 pixel wide screen, the difference between 43.991 and 43.999 is not even 1 pixel. So 5 digits is more than enough. But the author insists that you type the extra 4 digits for utterly no point whatsoever.
Worse, all IE browsers truncate your CSS % to only the first 2 decimal places anyway (Firefox does 3, webkit 15). So in a book devoted to giving a similar cross browser experience, he spends half a page telling you to do something that ensures you WON'T get the same results and you will be wasting your time typing on top of it.
Any Author that writes a book on the subject should know what a screen and a browser can do.
A quick summary of some other shortcomings of the book are below:
- Only support for sites running on Apache. If you use Nginx or Node you won't like this book
- In several pages on the
3 of 3 people found the following review helpful.
and flexbox is still bleeding edge with many features vendor dependent and even the markup has vendor imprints like -moz- or -we
By mark kortink
I have not finished working through yet and may lift my review rating. The reason I have given it a 3 is that it goes straight to flexbox and does not seem to cover grids except in passing. I was looking for a book that would teach me the prevalent way of doing responsive web design and that is grids, I wanted to understand them instead of just using a framework. This book uses flexbox not grids, and flexbox is still bleeding edge with many features vendor dependent and even the markup has vendor imprints like -moz- or -webkit-. Sorry but that is not what I signed up for.
0 of 0 people found the following review helpful.
See all 91 customer reviews...
Great for an experienced person