What do you think?
Rate this book
Responsive Web Design by Example: Beginner's Guide
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.
- GenresDesignNonfictionWeb
258 pages, Paperback
First published November 3, 2014
3 people are currently reading
30 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 - 10 of 10 reviews
February 23, 2015
For a beginner in web development especially a responsive one is a bit confusing, i myself had a lot of dilemmas while working on my academic project. 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. Also good practices on how to organize a project folder systematically so that it can be easily managed, so that it can become a habit on how to organize a project and manage it.
I would highly recommend this book to students who are taking steps in the world of creative web development.
this book deserves a 10/10 really..!!!!
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. Also good practices on how to organize a project folder systematically so that it can be easily managed, so that it can become a habit on how to organize a project and manage it.
I would highly recommend this book to students who are taking steps in the world of creative web development.
this book deserves a 10/10 really..!!!!
June 5, 2013
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.
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.
February 6, 2015
Responsive web design is one of the most important topics in web development nowadays.
Due to the huge volume of different device sizes and resolutions, any website is expected to be responsive in order to make it presentable on any screen size, on desktop, phones and tablets.
If you want to learn the principles of responsive web design, the new book
'Responsive Web Design by Example : Beginner's Guide' by Thoriq Firdaus from Packt Publishing
() is the book you are looking for.
This book will teach you how to build presentable, responsive websites through examples, tips, and best practices of code writing and project organization.
You will learn to:
* Use Responsive Grid System, Bootstrap, and Foundation for responsive web design
* Build a semantic website structure with HTML5 elements
* Determine the responsive website persona with CSS3
* Harness the power of CSS preprocessor to compose CSS
* Customize and extend responsive design frameworks
* Use Bower to organize website dependencies
* Learn how to decide which framework best suits your project specification in Detail
By following the detailed step-by-step instructions in this book, you can elevate your web site to adapt it to the new era of mobile.
Due to the huge volume of different device sizes and resolutions, any website is expected to be responsive in order to make it presentable on any screen size, on desktop, phones and tablets.
If you want to learn the principles of responsive web design, the new book
'Responsive Web Design by Example : Beginner's Guide' by Thoriq Firdaus from Packt Publishing
() is the book you are looking for.
This book will teach you how to build presentable, responsive websites through examples, tips, and best practices of code writing and project organization.
You will learn to:
* Use Responsive Grid System, Bootstrap, and Foundation for responsive web design
* Build a semantic website structure with HTML5 elements
* Determine the responsive website persona with CSS3
* Harness the power of CSS preprocessor to compose CSS
* Customize and extend responsive design frameworks
* Use Bower to organize website dependencies
* Learn how to decide which framework best suits your project specification in Detail
By following the detailed step-by-step instructions in this book, you can elevate your web site to adapt it to the new era of mobile.
June 3, 2013
“Responsive Web Design by Example�
Written by Thoriq Firdaus
An excellent introduction to the topic of responsive web design -
“Responsive Web Design by Example�
( ), provides step-by-step worked examples using three of the most popular responsive frameworks currently available.
The book is extremely well referenced throughout, giving the reader access to much more information on various aspects of responsive web design without unnecessarily cluttering the main body of the book.
I would thoroughly recommend this book to designers and webmasters alike who are catching on to the fact that not everyone accesses their websites in the same way.
Responsive Web Design is the future of web design.
Steve Harwood-Cockram BSc (Hons)
Optiqa Web �
Written by Thoriq Firdaus
An excellent introduction to the topic of responsive web design -
“Responsive Web Design by Example�
( ), provides step-by-step worked examples using three of the most popular responsive frameworks currently available.
The book is extremely well referenced throughout, giving the reader access to much more information on various aspects of responsive web design without unnecessarily cluttering the main body of the book.
I would thoroughly recommend this book to designers and webmasters alike who are catching on to the fact that not everyone accesses their websites in the same way.
Responsive Web Design is the future of web design.
Steve Harwood-Cockram BSc (Hons)
Optiqa Web �
October 16, 2013
The book is also might be very helpful to experienced web developers who need to get the complete understanding on howto implement RWD in couple of days
February 16, 2015
As a data practitioner and BI person I am always looking for ways to present my data more visually appealing and yet easy to share. With the advance of the internet technologies and the introduction of the HTML5 standard in particular it became increasingly easier to create sophisticated,professionally looking single page websites rich in content delivering insights in realtime.
Responsive Web Design by Example book met my expectations in my attempts to grasp with and build some foundation to delivering 21st Century web experience to my users. This relatively long book for beginners is actually covering a lot of ground. From setting your web development shop tools to embarking on enterprise grade Foundation Framework which is used by the most prominent companies, to using Koala and compiled CSS.
The journey though was not without some small hiccups where bower would not function on my Ubuntu ( provides the workaround), nevertheless, going through the book was pure fun. Thoriq does provide excellent support to his readers. The tools selection was tasteful and carefully chosen. The reader will build several stunning websites the author calls simple (well for me it was pure art).
The most important aspects of the book I realize are the old IE polyfills and the use of Koala, the second most important item would be minimized/compressed JavaScript libraries and then LESS (CSS enhancers). The book also covers all the needed nuances to when it comes to building portable/mobile device friendly web sites, this is a must nowadays to account for small viewports. Bower, NodeJS are covered, but I would take courage to say not deep enough, but hey it is a beginner’s book, besides, Packt has a number of books on the latter. Let me stress that out: I suggest extra reading on NodeJS because it is the cornerstone of many single page web applications.
The book does not stop at implementing the basics, but shows how to extend a framework. I suggest the reader should concentrate on the Foundation Framework the most because out of all it looks like being the most likely used at your next project or be in demand on the market.
Good book for those starting in the enterprise web development.
Excellent job Thoriq and Packt Publishing, I am giving this book a 5 out of 5!
Responsive Web Design by Example book met my expectations in my attempts to grasp with and build some foundation to delivering 21st Century web experience to my users. This relatively long book for beginners is actually covering a lot of ground. From setting your web development shop tools to embarking on enterprise grade Foundation Framework which is used by the most prominent companies, to using Koala and compiled CSS.
The journey though was not without some small hiccups where bower would not function on my Ubuntu ( provides the workaround), nevertheless, going through the book was pure fun. Thoriq does provide excellent support to his readers. The tools selection was tasteful and carefully chosen. The reader will build several stunning websites the author calls simple (well for me it was pure art).
The most important aspects of the book I realize are the old IE polyfills and the use of Koala, the second most important item would be minimized/compressed JavaScript libraries and then LESS (CSS enhancers). The book also covers all the needed nuances to when it comes to building portable/mobile device friendly web sites, this is a must nowadays to account for small viewports. Bower, NodeJS are covered, but I would take courage to say not deep enough, but hey it is a beginner’s book, besides, Packt has a number of books on the latter. Let me stress that out: I suggest extra reading on NodeJS because it is the cornerstone of many single page web applications.
The book does not stop at implementing the basics, but shows how to extend a framework. I suggest the reader should concentrate on the Foundation Framework the most because out of all it looks like being the most likely used at your next project or be in demand on the market.
Good book for those starting in the enterprise web development.
Excellent job Thoriq and Packt Publishing, I am giving this book a 5 out of 5!
Read
January 4, 20161. Penulis seperti tidak percaya diri dalam memberi instruksi. Misalnya, pemberian judul untuk halaman website. Sebaiknya instruktur yang memberi pengarahan pasti. "Lakukan ini, lakukan itu". Baru kemudian di akhir sesi pembaca diberikan kesempatan untuk berimprovisasi sendiri.
2. Menurut saya, buku web design seperti ini haruslah dilengkapi materi mockup untuk proyek yang dibuat. Hal ini untuk memberi gambaran utuh tentang proyek yang pembaca ikuti langkah demi langkah. Mockup juga merupakan fase yang penting dalam hal mendesain sebuah website. Sayang sekali penulis tidak mencantumkanya untu ketiga proyek dibuku ini.
3. Kesalahan pengetikan dalam buku teknikal seperti ini seharusnya diminimalisir. Terdapat beberapa kesalahan teknikal yang menunjukan kurangnya perhatian penulis terhadap kualitas proses editing buku ini.
2. Menurut saya, buku web design seperti ini haruslah dilengkapi materi mockup untuk proyek yang dibuat. Hal ini untuk memberi gambaran utuh tentang proyek yang pembaca ikuti langkah demi langkah. Mockup juga merupakan fase yang penting dalam hal mendesain sebuah website. Sayang sekali penulis tidak mencantumkanya untu ketiga proyek dibuku ini.
3. Kesalahan pengetikan dalam buku teknikal seperti ini seharusnya diminimalisir. Terdapat beberapa kesalahan teknikal yang menunjukan kurangnya perhatian penulis terhadap kualitas proses editing buku ini.
October 11, 2015
I liked that this book covered 3 frameworkds (responsive.gs, Tiwtter Bootstrap, Zurb Foundation). To make full use of Bootstrap and Foundation you will need to find additional material not covered in this book.
April 7, 2015
Drawback is these lessons are geared to specific platforms, such as Bootstrap.
December 31, 2015
The first edition is by now more than just a bit outdated. The basic work flow and tools are still a good starting point, but you will need to read more or buy the 2nd edition.
Displaying 1 - 10 of 10 reviews
Can't find what you're looking for?
Get help and learn more about the design.