Build powerful and engaging responsive websites with ease
About This Book
- Rapidly develop and prototype responsive websites by utilizing powerful open source frameworks
- Focus less on the theory and more on results, with clear step-by-step instructions, previews, and examples to help you along the way
- Learn how you can utilize three of the most powerful responsive frameworks available today: Responsive Grid System, Bootstrap, and Foundation
Who This Book Is For
This 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.
What You Will Learn
- Use Responsive Grid System, Bootstrap, and Foundation frameworks 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 programmable and more maintainable CSS
- Customize and extend responsive design frameworks
- Use Bower to organize website dependencies
- Learn how to decide which framework best suits your project specification
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.
About the Author
Thoriq Firdaus is a web developer and lives in Indonesia. He has been dabbling in web design and development for more than 5 years, working with many clients of varying sizes. He appreciates the giving nature of the web design community at large. He also loves trying out new things in CSS3 and HTML5 and occasionally speaks at some local colleges and institutions on the subject. Outside of work, he loves spending time with his wife and daughter, watching movies, and enjoying meals at nearby cafes and restaurants.
Most helpful customer reviews
4 of 4 people found the following review helpful.
The awesome responsive webdev beginner's guide!
I've being distant from web design for a couple of years. This year I decided to update my knowledge on the subject so that I could create a series of personal projects. For that reason I give it a go with this beginner's guide, Responsive web design by Example, by Thoriq Firdaus.
The book has proven to be a great source to (re)start web development using responsive APIs. The book focus mainly in Responsive.gs, Twitter Bootstrap and ZURB's Foundation. The examples given are pretty clear and concise. The step-by-step explanation approach used by the author is awesome and saves some time understanding the content.
At the beginning, the author explains a set of terminologies used in the field, introduces some auxiliary technologies used in the book (Editors, Web Servers, NodeJS and Bower) to help the reader achieve the results. Mr. Thoriq also explains the huge problem developing a web site to use in a series of browsers and devices (mainly IE incompatibilities) and how to setup the machine to build a web site (I was using Ubuntu, didn't have problems not following this part because I have experience in server admin).
By building a Blog, the reader will learn the basics of responsive web design using Responsive.gs, HTML5 elements and CSS3. Nothing much... But when the user arrives at Bootstrap and builds a Portfolio, the things get interesting since you'll get to learn how to use Koala and LESS (CSS pre-processor) and you'll see to power of the current webdev frameworks! This is where I got really excited and a bunch of ideas flowed in my head.
The last few chapters address ZURB's Foundation and SCSS (or Sassy CSS, an extension of the SASS CSS pre-compiler) with Bourbon mixins and you build a good-looking Business web site.
I was not expecting nothing too complicated or too deep since this is a beginner's guide but I got a really awesome knowledge boost from this book and I started building my projects (including my personal web site that was in urgent need of an update).
I truly recommend this book to anyone that wants to understand the responsive web development tip of the iceberg. Just remember, each of the technologies Thoriq describes is at least a book by itself: you'll need further references to completely understand everything going on.
With all said, great book (http://bit.ly/RwD3259)!!!
4 of 4 people found the following review helpful.
A good book for those starting in the enterprise web development
By A. Zubarev
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 (https://github.com/joyent/node/issues/3911 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 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!
2 of 4 people found the following review helpful.
See all 3 customer reviews...
New book from Packt Publishing: 'Responsive Web Design by Example' by Thoriq Firdaus
By Philip Arad
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.