Start reading Responsive Web Design by Example on your Kindle in under a minute. Don't have a Kindle? Get your Kindle here or start reading now with a free Kindle Reading App.

Deliver to your Kindle or other device


Try it free

Sample the beginning of this book for free

Deliver to your Kindle or other device

Anybody can read Kindle books—even without a Kindle device—with the FREE Kindle app for smartphones, tablets and computers.
Responsive Web Design by Example

Responsive Web Design by Example [Kindle Edition]

Thoriq Firdaus
3.5 out of 5 stars  See all reviews (2 customer reviews)

Print List Price: £27.99
Kindle Price: £17.50 includes VAT* & free wireless delivery via Amazon Whispernet
You Save: £10.49 (37%)
* Unlike print books, digital books are subject to VAT.


Amazon Price New from Used from
Kindle Edition £17.50  
Paperback £27.99  
Kindle Summer Sale: Over 500 Books from £0.99
Have you seen the Kindle Summer Sale yet? Browse selected books from popular authors and debut novelists, including new releases and bestsellers. Learn more

Special Offers and Product Promotions

  • Purchase any Kindle Book sold by and receive £1 credit to try out our Digital Music Store. Here's how (terms and conditions apply)

Product Description

Product Description

In Detail

Responsive web design is an explosive area of growth in modern web development due to the huge volume of different device sizes and resolutions that are now commercially available. You can now create your very own responsive website quickly and efficiently, allowing you to showcase your content in a format that will work on any device with an Internet browser.

By following our detailed step-by-step instructions in this structured reference guide, you will learn how you can build engaging responsive websites. With coverage of Bootstrap, Skeleton, and Zurb Foundation you'll learn about three of the most powerful responsive frameworks available today.

Leading you through by practical example, you'll find that this essential reference develops your understanding by actually helping you create beautiful websites step by step in front of your very eyes. After going over the basics, you'll be able to choose between creating your own responsive portfolio page with Skeleton, building a stunning product page with Bootstrap, or setting up your own professional business website with Zurb Foundation. Ultimately you'll learn how to decide which framework is right for you, and how you can deploy and customize it to your exact specifications!


Written as a concise yet practical guide with an explicit focus on showing beginners how to get their very own responsive websites up and running, this essential reference includes coverage of tried-and-tested responsive frameworks in a project-based format that simultaneously provides visible results whilst developing core understanding.

Who this book is for

Ideal for anybody who wants their online presence to be compatible with devices and resolutions of any size, "Responsive Web Design by Example" shows you how to select the right framework for your own project requirements and then guides you through the process of installation, configuration, and customization. With three highly structured and meticulously designed projects to choose from, it is the ideal reference for both new and existing web developers who want to be able to augment their skills and showcase their content in a truly professional manner.

About the Author

Thoriq Firdaus

Thoriq Firdaus is a graphic and web designer living in Indonesia. He has been working in web designing projects with several clients from startup to notable companies and organizations worldwide for over five years.

He is very passionate on HTML5 and CSS3 and writes on these subjects regularly at and at his own blog Occasionally, he also gives presentations on web design at some local colleges and institutions.

Outside of work, he enjoys watching movies with his family and trying out some good food in a new cafe or restaurant nearby.

Product details

  • Format: Kindle Edition
  • File Size: 6598 KB
  • Print Length: 340 pages
  • Page Numbers Source ISBN: 1849695423
  • Publisher: Packt Publishing (20 Mar 2013)
  • Sold by: Amazon Media EU S.à r.l.
  • Language: English
  • ASIN: B00B90PJRE
  • Text-to-Speech: Enabled
  • X-Ray:
  • Average Customer Review: 3.5 out of 5 stars  See all reviews (2 customer reviews)
  • Amazon Bestsellers Rank: #437,379 Paid in Kindle Store (See Top 100 Paid in Kindle Store)
  •  Would you like to give feedback on images?

More About the Author

Discover books, learn about writers, and more.

Customer Reviews

5 star
2 star
1 star
3.5 out of 5 stars
3.5 out of 5 stars
Most Helpful Customer Reviews
3.0 out of 5 stars OK for an insight into responsive frameworks 7 Sep 2013
Format:Kindle Edition|Verified Purchase
I'm still working through this book and I'm currently trying the examples for the Skeleton framework. The proof reader must have had a day off when this went to be read. I copied and pasted the code examples from the PC Kindle into my HTML editor and ran the code, unfortunately the page didn't work as expected. So I downloaded the example code from the publishers website and ran that, which did work. Comparing my version and their version through ExamDiff highlighted several differences, but on checking my version against the book showed my code it to be the same as the printed examples and thus would never work.
e.g. book: <form class="container clearfix"> - downloaded code: <form class="content container clearfix"> as the class 'content' is referred to by the stylesheet this is an serious omission.
The book is a good intro into how frameworks work, but if you want the learn by following the code and building your own page(s) i.e. 'by Example' please download the example code and use that as reference and not the book.
I also checked the online errata, which only mentions one correction and there's no link specifically for reporting this type of issue.
Comment | 
Was this review helpful to you?
Format:Paperback|Verified Purchase
With a book of this sort, there will always be more doing and less explanation but the book nevertheless has implicit buried nuggets of information all over it, especially in relation to workflow when embarking on a responsive design project with one of these frameworks. My only workflow criticism was with the way in which the Foundation skeleton page was set up and then re-used. I may have gone further with defining that generic skeleton first thus leaving less to do on each subsequent page.

Nevertheless, written well and examples did work. This book is still on my reference shelf for the time being.
Comment | 
Was this review helpful to you?
Most Helpful Customer Reviews on (beta) 4.2 out of 5 stars  9 reviews
9 of 9 people found the following review helpful
3.0 out of 5 stars Needs a "Code Review" 8 Oct 2013
By R. Vignato - Published on
Format:Paperback|Verified Purchase
I'm just getting into the meat of this book and already I'm finding many errors in the code listings and references to code that doesn't appear in the example(s). There are also mismatches and duplications in other code listings...

For instance:

Page 63, line item #9
"Then, we will add an HTML5 data attribute to <figure>..." and there is no "data" attribute in the listing.

Page 64-65:
Duplications and mismatches.

To the Author >>> If you're going to copy and paste code to use in your listing, have someone review your code.

HTML is pretty simple stuff, so it's not hard to figure out how to correct it, but then again, the reader shouldn't have to do that...
3 of 3 people found the following review helpful
3.0 out of 5 stars Great book but not for beginners, disappointed 21 Nov 2013
By GS - Published on
Just finished what looked like a promising book that ended up being really disappointing. The best I can say is that it gives you insight into how to use responsive frameworks to build sites and make CSS coding easier with less and sass. On the down side, this book is already almost obsolete since both Bootstrap and Foundation are in new versions that change and/or remove many features (Bootstrap especially!) described in the book. That's OK if you don't mind poring over the online documentation for these frameworks and have more than a little experience with HTML and CSS so you can adapt the examples to the new versions, but people closer to the beginner state of web design may be tempted to put this book down. Considering this is supposed to be a beginner's guide, it's not encouraging. Additionally, the example code and the code described in the book is hard to follow and have more than a few discrepancies which can be very confusing and frustrating, and the publisher does almost nothing to address this through editing or errata. In fact I would say the book is rather self-defeating of its mission in that the examples almost require you to be above the beginner level to make use of them.

Bottom line: this book is great for introducing responsive frameworks but is not good for learning them if you want to simply follow examples. You WILL have to put a lot of extra work into this, which in my opinion does help you learn better but means that people less familiar with modern web design will be at a disadvantage. I would love to see a next edition of this book with tighter editing and the code cleaned up, that would easily earn this 5 stars.
5 of 6 people found the following review helpful
5.0 out of 5 stars Responsive Web Design by Example - A must have 5 Jun 2013
By Siddarth Kalyankar - Published on
Format:Kindle Edition
Responsive Web Design by Example is an excellent piece of work which helps the reader to understand the fundamentals of how to go about creating responsive websites with minimal hassles.

This book is intended for beginners who are familiar with HTML and CSS and want to understand the concept of Responsive Web Design and are intending to design one. It gives a quick peek into various technologies which would have not known to them (at least i found quite a few). There is very good balance of theory as well as code which makes it more interesting to read. One good thing i liked is the pointers to additional information which makes this book a must have.

It introduces three frameworks Skeleton,BootStrap and Foundation and highlights the features associated with each of them. Frameworks are good to use but they come with a overhead called learning curve, this books helped me in reducing the learning curve by making me understand the exact things which i needed to know to use these frameworks.

Gone are those days where variants of a website (Desktop, Tablet and Mobile) were maintained, Its time for Responsive Web Sites. To keep in pace with the technology shift this book is a good starter.

Now i can confidently say i understand the concept of Responsive Web Design and if you ask me i can design one for you.
4 of 5 people found the following review helpful
4.0 out of 5 stars Helpful book 28 Oct 2013
By Amazon Customer - Published on
Format:Kindle Edition|Verified Purchase
I decided to use a framework to create my next website and wanted to get up to speed quickly. I bought this book since it focused on creating sites using popular frameworks such as Skeleton, Bootstrap and Foundation. It really helped me to set up my website in less than a few days. The four rating is due to a errors in the book. I had to refer to the downloaded code to figure out why their sample code wasn't working.
4 of 5 people found the following review helpful
5.0 out of 5 stars Great for beginners some cool stuff in there for pros 3 Jun 2013
By William Patton - Published on
Format:Kindle Edition
Responsive Web Design by Example does a great job of walking you through every single step in the process of creating responsive websites and explains the reason why everything is done that way. If you know how to build websites, but don't yet know how to make them responsive then this book is for you. If you're completely new to web design then you will still be able to follow along with this book but you would also benefit from pairing this book with another one that focuses on teaching you html.

There's even some stuff in there for more advanced web developers. Things about some newly proposed tags (like the tag for serving up different image sizes depending on the device screen size) that are still to be decided upon and widely supported.

One thing I particularly enjoyed about the book were the sections on CSS pre-processors. They were something I had never previously used, thinking the hassle to set-up get to know how to use them was more than it's worth. Early in the book CSS pre-processors are discussed then later on there's step-by-step instructions to get you set-up and plenty of info on using the language. I actually feel now that I know both LESS and Saas. I encourage anyone interested in getting started with CSS pre-processors to search for the authors post on his own website (Thoriq Firdaus on HongKiat) comparing LESS and Sass.

As a professional web developer I actually found the reference material linked throughout the book as a great resource for people who already know what they are doing.

I've recommended the book to a few people interested in responsive design principles to help them get the best practices under their belt before they embark on any bigger projects.
Were these reviews helpful?   Let us know
Search Customer Reviews
Only search this product's reviews

Customer Discussions

This product's forum
Discussion Replies Latest Post
No discussions yet

Ask questions, Share opinions, Gain insight
Start a new discussion
First post:
Prompts for sign-in

Search Customer Discussions
Search all Amazon discussions

Look for similar items by category