Responsive Web Design with HTML5 and CSS3 - Second Edition

Responsive Web Design with HTML5 and CSS3 - Second Edition
By Ben Frain

List Price: $39.99
Price: $38.41 Details

Availability: Usually ships in 24 hours
Ships from and sold by Amazon.com

28 new or used available from $33.02

Average customer review:
(91 customer reviews)

Product Description

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 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.


Product Details

  • Amazon Sales Rank: #170070 in Books
  • Published on: 2015-09-01
  • Released on: 2015-08-24
  • Original language: English
  • Number of items: 1
  • Dimensions: 9.25" h x .71" w x 7.50" l, 1.19 pounds
  • Binding: Paperback
  • 350 pages

Editorial Reviews

About the Author

Ben Frain

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.


Customer Reviews

Most helpful customer reviews

43 of 44 people found the following review helpful.
2Overpriced and incorrect math
By CH3CH2OH
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.

This book is a gentle, first person written intro into some aspects of responsive design. Most of the story-time sections are plain common sense to any developer, regardless of their level of knowledge in responsive design. For a book on HTML5 there is a major lack of understanding of JavaScript from the author. When he is not recommending against it, he recommends its use in antiquated or inefficient ways, such as using in line event handlers.

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.
3and 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.
5Great for an experienced person
By billfish
I'm a conceptual guy. I like explanation, not examples. This discusses and explains. The writer is not absolutely the clearest writer I've ever read, but he explains things in a way that is solid and sets them in my mind and is usable. I have found many other explanations to be vague or partial or confusing or to assume too much or too little. This is not for an inexperienced person. I'm not a programmer but am quite knowledgable about computer languages and web sites and HTML and CSS and am OK with Javascript, and this came in at exactly the right level for me. The programmer's humor is there but is kept to a level where it doesn't take over. I felt much more confident after reading this, and am using the new constructs.

See all 91 customer reviews...

Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.


Manage research, learning and skills at defaultLogic. Create an account using LinkedIn or facebook to manage and organize your IT knowledge. defaultLogic works like a shopping cart for information -- helping you to save, discuss and share.


  Contact Us