Responsive Web Design with HTML5 and CSS3

Responsive Web Design with HTML5 and CSS3

by Ben Frain

Paperback(Older Edition)

View All Available Formats & Editions
Eligible for FREE SHIPPING
  • Want it by Thursday, October 18?   Order by 12:00 PM Eastern and choose Expedited Shipping at checkout.


Responsive Web Design with HTML5 and CSS3 by Ben Frain

Are you writing web pages with HTML4 and CSS2 that display a single fixed width? Or perhaps you're unsure how to bring HTML5, CSS3, or responsive design all together. If so, Responsive Web Design with HTML5 and CSS3 provides everything you need to take your web pages to the next level.

This book will lead readers, step by step and with illustrative screenshots, through a real example of a responsive website being built with HTML5 and CSS3

Starting with a static Photoshop composite, learn how to create a website with HTML5 and CSS3 that changes layout and style depending on the screen size viewing it.

By coding in HTML5, pages are leaner and more semantic. By designing around a fluid grid and utilizing CSS3's media queries, designs can flex and adapt for any screen size. Beautiful backgrounds, box-shadows and animations will be added - all using the power, simplicity and flexibility of CSS3 alone.

Responsive web design with HTML5 and CSS3 provides the necessary knowledge to ensure your projects won't just be built 'right' for today but also the future.

Product Details

ISBN-13: 9781849693189
Publisher: Packt Publishing
Publication date: 04/12/2012
Edition description: Older Edition
Pages: 324
Product dimensions: 7.50(w) x 9.25(h) x 0.68(d)

About the Author

Ben Frain has been a freelance front-end web designer/developer for over a decade working directly with clients and alongside design agencies worldwide. He also works as a technology journalist, contributing regularly to a number of diverse publications on the Mac platform, future technology, website design and technology systems.

Before that, he worked as an underrated (and modest) TV actor, 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 playing indoor football whilst his body (and wife) still allow it.

Visit him online at and follow him on Twitter at

Customer Reviews

Most Helpful Customer Reviews

See All Customer Reviews

Responsive Web Design with HTML5 and CSS3 4 out of 5 based on 0 ratings. 3 reviews.
DanielWoolston More than 1 year ago
I felt like i was able to get up and running quickly. There were a few topics that I was already familiar with but was able to fill in the knowledge gaps. I appreciated the fact that it was straight to business with fluid design and the technologies involved. I didn't have to suffer through the token 'history of the internet' chapter that every tech book seems to have. Definitely recommend this book!
Joost_Meurs More than 1 year ago
"Responsive Web Design with HTML5 and CSS3" offers lots of examples of modern techniques that are available nowadays for building a responsive website. The differences between a responsive website and a mobile website are clearly explained. The author emphasizes that responsive web design is not the solution for all problems related to showing websites on different (mobile) devices. In some situations however, when building a pure mobile website is too expansive, a responsive design can be an excellent option. It offers an alternative that is normally better than a standard website with fixed-width design. The author also shows some cases in which responsive web design is less suitable, like a client who wants the site to look exactly the same on IE 8 and below. A rule-of-the-thumb is that when more than 70% of all users are using IE 8 or below, don't use a responsive web design. Is has too many disadvantages. Media queries and using percentages in CSS is covered very well. These are more or less the basics for a responsive web design. With all the examples given, the book is a manual for making a responsive website, especially in combination with HTML5 and CSS3. As said before, the book contains a lot of examples. Normally however, a very limited part of the HTML or CSS code is given. Also the browser prefixes are omitted. Personally I would have preferred less information about the possibilities of HTML5 and CSS3 and a more step-by-step approach to the new responsive website. Now the results of the code changes are shown, but the code itself is omitted. This prevents the reader building the same site together with the author.
Boudville More than 1 year ago
HTML considers to evolve, with Frain explaining this latest combination of HTML5 with CSS3. The text is directed at the web page designer, someone with a background in already writing web pages. If this describes you, then you might have been wondering about the latest abilities in the languages. Chapter 3 shows that we are still faced with the problem first encountered around 1995, where there are different screen sizes and the difficulties of scaling images. Now at least you can easily make images scale when the layout is fluid. The text explains that the best way is via an entry in the CSS file. Another good tip is to use em instead of pixels when doing sizing of typography. Another chapter (well, it's chapter 4) shows that now if you migrate to HTML5 you no longer need worry about which level of header tag you are currently in. You know the context, right? When you have a bunch of <h1>, <h2>, <h3> etc. The author recommends the new <hgroup> for outlining. It can simplify this coding aspect and thus make your code more robust against silly little bugs. More importantly, there is now much better ability to handle dynamic content stuck on your web page. Also explained is how to embed rich media; which I guess can also be considered as dynamic content. There is some politicking history that the book briefly goes into. How Apple did not want to use Adobe's Flash on its iOS machines. So Apple ended up promoting HTML5 as the industry standard, which certainly helped boost its acceptance. What you might appreciate if you have put video or audio into HTML 4.01 pages is how the new syntax is much cleaner. Akin to adding images. You simply use the paired tags of <video> and </video> or <audio> and </audio>. On this subject of video and audio, the book mentions what is still unfinished business. The Ogg containers will only work within some HTML5 browsers with WebM and in other HTML5 browsers with MP4. Unfortunate, and you might have to wait a few years for this to get resolved.