Responsive Web Design by Example : Beginner's Guide - Second Edition: Build powerful and engaging responsive websites with ease , Second Edition

Thoriq Firdaus

$9.99 ~~$28.99~~

4.7 (3 Ratings)

eBook Nov 2014 258 pages 2nd Edition

Thoriq Firdaus

$9.99 ~~$28.99~~

4.7 (3 Ratings)

eBook Nov 2014 258 pages 2nd Edition

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Preview Book

Responsive Web Design by Example : Beginner's Guide - Second Edition

Chapter 2. Web Development Tools

Every professional has a set of tools that facilitates their work and gets the job done. Likewise, we will also need our own tools to do our bit of building responsive websites. So, before we start working on the projects in this book, the following are the tools we have to prepare.

Tools that we will have to prepare include:

A code editor for writing codes
A compiler that will compile the CSS preprocessor syntax into plain CSS
A local server to host the websites locally during the development stage
A bower to manage the website libraries

Time for action – installing Bower

Perform the following steps to install Bower:

If you are using Windows, open the command prompt. If you are using OS X or Ubuntu, open the terminal.
Run the following command:
```
npm install -g bower
```
Note
If you are having trouble installing Bower in Ubuntu, run the command with sudo.

What just happened?

We have just installed Bower on the computer, which enables the bower command. The -g parameter that we included in the preceding command installs Bower globally, so that we are able to execute the bower command in any directory in the computer.

Bower commands

After installing Bower, we have access to a set of command lines to operate Bower functionalities. We will run these commands in the terminal, or in the command prompts if you are using Windows, just like we installed Bower with the npm command. All commands start with bower and are followed by the command keyword. The following is the list of commands that we may use frequently:

Command	Function ...

Description

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

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

$48.99

AngularJS Web Application Development Blueprints

$54.99

Responsive Web Design with HTML5 and CSS3, Second Edition

$54.99

Total $ 158.97

A. Zubarev Feb 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 (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 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!

Amazon Verified review

Philip Arad Feb 06, 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 DetailBy 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.

john cable Jun 01, 2015

Worthwhile update to the original - now using Responsive.js instead of Skeleton for the intro stuff. Unfortunately, suffers from same issue as original: some of the steps are missing to make the code work, particularly with Responsive.jsStill a good intro to responsive web design and the examples have been freshened up from the first edition.

Responsive Web Design by Example : Beginner's Guide - Second Edition: Build powerful and engaging responsive websites with ease , Second Edition

What do you get with eBook?

Responsive Web Design by Example : Beginner's Guide - Second Edition

Chapter 2. Web Development Tools

Choosing a code editor

Time for action – installing Sublime Text Package Control

Time for action – installing XAMPP

Managing project dependency with Bower

Time for action – installing Node.js

Tip

Time for action – installing Bower

Note

What just happened?

Bower commands

Summary

Page 1 of 8

Description

What you will learn

Product Details

What do you get with eBook?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the author

FAQs

Responsive Web Design by Example : Beginner's Guide - Second Edition: Build powerful and engaging responsive websites with ease , Second Edition

What do you get with eBook?

Contact Details

Billing Address

Tip

Note

Description

What you will learn

Product Details

What do you get with eBook?

Contact Details

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the author

FAQs