Responsive Web Design by Example : Beginner's Guide, 2nd Edition
By Thoriq Firdaus
Publisher: Packt Publishing
Final Release Date: November 2014
Pages: 258

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.

By following our detailed step-by-step instructions in this reference guide, you will learn to build engaging responsive websites. With coverage of Responsive Grid System, Bootstrap, and Foundation, you will learn about three of the most powerful frameworks in responsive web design. You will learn to create a cool blog page, a beautiful portfolio site, and a crisp professional business site and make them all totally responsive. You'll also find out which framework works best for your project specifications.

Product Details
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyResponsive Web Design by Example : Beginner's Guide, 2nd Edition
 
4.0

(based on 2 reviews)

Ratings Distribution

  • 5 Stars

     

    (1)

  • 4 Stars

     

    (0)

  • 3 Stars

     

    (1)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

Reviewed by 2 customers

Displaying reviews 1-2

Back to top

 
3.0

Needs refining

By ojab963

from Southern Hemisphere

About Me Designer, Student

Verified Reviewer

Pros

  • Friendly Tone
  • Well-paced
  • Well-referenced

Cons

  • Huge Download List
  • Lack Of Clarity
  • Lack Of Explanations

Best Uses

  • Novice
  • Student

Comments about oreilly Responsive Web Design by Example : Beginner's Guide, 2nd Edition:

I am only a third of the way through this book, but already find it irritating for a few different reasons:

1. The primary purpose of this book so far seems to act as a simple list of frameworks and software to download, and how to download them. It feels odd to be told, "download this...install it like this...now download this..install it like this" with not much discussion on the benefits or purpose of the software in question.

It is at least evident that all the software/libraries etc are legit and downloaded from reputable sources.

There is also quite a dependency on this software eg Koala is used to minify - a great idea and I can see that it has a user-friendly interface - however in this instance the minification didn't work and I wasted a bunch of time googling around (unsuccessfully) for a solution. The book gives no alternatives to Koala and no suggestion for what to do if it fails (eg maybe link to your unminified file for the time being so you at least have some styles showing up).

2. Certain steps seem very lazy without much explanation eg "Think of the blog post as an article. Thus, here we will use the < article> element."

Chapter 3, in which a simple blog framework is constructed, goes through and instructs you to create a bunch of elements in your HTML file. This is nicely paced and straightforward - except that there are classes being added to almost every other element without any explanation of how these class names were chosen or how they relate to each other. If there is thought being put into your framework, your wireframe etc as there seems to be in this book, surely there should be thought being put into your class structure and naming conventions as well? For the sake of maintainability and scalability at least? This needs explaining.

3. Lack of clarity. On page 78 there are some step-by-step instructions for setting up a basic stylesheet.

The user has already been instructed to set up 2 stylesheets, 'main.css' and 'style.css'. The latter contains a bunch of @import rules to bring in normalize.css, formalize.css, and main.css.

Step 3 says "Add the following line in main.css:" and provides some code.

Step 4 then says "Herein, we will use Droid Serif of Google Font. Add the following style rules after the list of @import style sheet:". Ignoring the clumsy grammar of the first sentence, the second sentence is actually referring to 'style.css' (the one with the list of @import rules) and not 'main.css'. But it is 'main.css' that the styles should be placed in, so even referring to the import rules is wrong and misleading here.

My opinion may shift for better or worse with further reading, but for the time being I can only give this 3 stars. It certainly does not seem worth the list price at this stage.

In the interests of fairness and balance I will say that the "What just happened?" and "Have a go hero" sections are reasonably helpful, and the pop quiz is a good idea although poorly implemented. I like the references to some of the classic articles and blog posts about RWD around the web - they enrich the content somewhat. As mentioned before the pace of the step by step instructions is pretty good.

(1 of 1 customers found this review helpful)

 
5.0

best book for begineers and or learners

By sniperk6

from gujarat, india

About Me Developer, Educator, Sys Admin

Verified Reviewer

Pros

  • Accurate
  • Concise
  • Easy to understand
  • Helpful examples
  • Well-written

Cons

    Best Uses

    • Intermediate
    • Novice
    • Student

    Comments about oreilly Responsive Web Design by Example : Beginner's Guide, 2nd Edition:

    - Various frameworks such as bootstrap, foundation, web development tools such as bower, using CSS preprocessors, etc have been explained in a very systematic way so that novice as well as professional developers can work & learn with ease.
    - The main advantage of learning to develop by referring this book is by example projects (not 1 but 3 different sample projects) that have been created step-wise, which is a great way to learn for starters.
    - The concept of 'mobile first' is explained very well in this book, as the next generation of web development will be(or has already begun)
    hugely based on handheld devices, so the website must fit exactly as per the device that demands the website.
    - The book contains lots and lots of external references relating to the frameworks, more info on designing & development frameworks and even a good resource to get images that can be useful to design a responsive website.

    Displaying reviews 1-2

    Back to top

     
    Buy 2 Get 1 Free Free Shipping Guarantee
    Buying Options
    Immediate Access - Go Digital what's this?
    Ebook:  $26.99
    Formats:  ePub, Mobi, PDF