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

Build powerful and engaging responsive websites with ease

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

Thoriq Firdaus

2 customer reviews
Build powerful and engaging responsive websites with ease

Quick links: > What will you learn?> Table of content> Product reviews

eBook
$5.00
RRP $26.99
Save 81%
Print + eBook
$44.99
RRP $44.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$5.00
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook

Frequently bought together


Responsive Web Design by Example : Beginner's Guide - Second Edition Book Cover
Responsive Web Design by Example : Beginner's Guide - Second Edition
$ 26.99
$ 5.00
Responsive Web Design with HTML5 and CSS3 - Second Edition Book Cover
Responsive Web Design with HTML5 and CSS3 - Second Edition
$ 31.99
$ 5.00
Buy 2 for $10.00
Save $48.98
Add to Cart

Book Details

ISBN 139781783553259
Paperback258 pages

Book Description

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.

Table of Contents

Chapter 1: Responsive Web Design
Responsive web design in a nutshell
A look into responsive frameworks
Responsive web design inspiration sources
Summary
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
Time for action – installing Bower
Summary
Chapter 3: Constructing a Simple Responsive Blog with Responsive.gs
Responsive.gs components
Using HTML5 elements for semantic markups
Examining the blog's wireframe
Organizing project directories and files
Time for action – creating and organizing project directories and assets
The blog HTML structures
Time for action – constructing the blog
Summary
Chapter 4: Enhancing the Blog Appearance
Using CSS3
Working with Koala
Time for action – integrating project directory into Koala and combining the style sheets
Thinking mobile first
Composing the blog styles
Time for action – composing the base style rules
Time for action – enhancing the header and the navigation appearance with CSS
Time for action – enhancing the content section appearance with CSS
Time for action – enhancing the footer section appearance with CSS
Optimize the blog for desktop
Time for action – composing style rules for desktop
Making Internet Explorer more capable with polyfills
Time for action – patch Internet Explorer with polyfills
Summary
Chapter 5: Developing a Portfolio Website with Bootstrap
The Bootstrap components
Digging into Bootstrap
Using font icons
Examining the portfolio website layout
Project directories, assets, and dependencies
Time for action – organizing project directories, assets, and installing project dependencies with Bower
The portfolio website HTML structure
Time for action – building the website HTML structure
Summary
Chapter 6: Polishing the Responsive Portfolio Website with LESS
Basic LESS syntax
External style sheet references
Time for action – creating style sheets and organizing external style sheet references
Working with Koala
Time for action – compiling LESS into CSS using Koala
Polishing the portfolio website with LESS
Time for action – composing the website styles with LESS syntax
Improve and make the website functioning with JavaScript
Time for action – compiling JavaScript with Koala
Summary
Chapter 7: A Responsive Website for Business with Foundation
Examining the website layout
A look into Foundation
Additional required assets
The project directories, assets, and dependencies
Time for action – organizing the project directories, assets, and dependencies
Time for action – building the website's HTML structure
Summary
Chapter 8: Extending Foundation
Syntactically Awesome Style Sheets
Project recap
Style sheet organizations
Time for action – organizing and compiling style sheets
The website's look and feel
Time for action – build on the website
Fine-tuning the website
Time for action – compiling JavaScript and styling the website with media queries
Summary

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

Authors

Table of Contents

Chapter 1: Responsive Web Design
Responsive web design in a nutshell
A look into responsive frameworks
Responsive web design inspiration sources
Summary
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
Time for action – installing Bower
Summary
Chapter 3: Constructing a Simple Responsive Blog with Responsive.gs
Responsive.gs components
Using HTML5 elements for semantic markups
Examining the blog's wireframe
Organizing project directories and files
Time for action – creating and organizing project directories and assets
The blog HTML structures
Time for action – constructing the blog
Summary
Chapter 4: Enhancing the Blog Appearance
Using CSS3
Working with Koala
Time for action – integrating project directory into Koala and combining the style sheets
Thinking mobile first
Composing the blog styles
Time for action – composing the base style rules
Time for action – enhancing the header and the navigation appearance with CSS
Time for action – enhancing the content section appearance with CSS
Time for action – enhancing the footer section appearance with CSS
Optimize the blog for desktop
Time for action – composing style rules for desktop
Making Internet Explorer more capable with polyfills
Time for action – patch Internet Explorer with polyfills
Summary
Chapter 5: Developing a Portfolio Website with Bootstrap
The Bootstrap components
Digging into Bootstrap
Using font icons
Examining the portfolio website layout
Project directories, assets, and dependencies
Time for action – organizing project directories, assets, and installing project dependencies with Bower
The portfolio website HTML structure
Time for action – building the website HTML structure
Summary
Chapter 6: Polishing the Responsive Portfolio Website with LESS
Basic LESS syntax
External style sheet references
Time for action – creating style sheets and organizing external style sheet references
Working with Koala
Time for action – compiling LESS into CSS using Koala
Polishing the portfolio website with LESS
Time for action – composing the website styles with LESS syntax
Improve and make the website functioning with JavaScript
Time for action – compiling JavaScript with Koala
Summary
Chapter 7: A Responsive Website for Business with Foundation
Examining the website layout
A look into Foundation
Additional required assets
The project directories, assets, and dependencies
Time for action – organizing the project directories, assets, and dependencies
Time for action – building the website's HTML structure
Summary
Chapter 8: Extending Foundation
Syntactically Awesome Style Sheets
Project recap
Style sheet organizations
Time for action – organizing and compiling style sheets
The website's look and feel
Time for action – build on the website
Fine-tuning the website
Time for action – compiling JavaScript and styling the website with media queries
Summary

Book Details

ISBN 139781783553259
Paperback258 pages
Read More
From 2 reviews

Read More Reviews

Recommended for You

Responsive Web Design with HTML5 and CSS3 - Second Edition Book Cover
Responsive Web Design with HTML5 and CSS3 - Second Edition
$ 31.99
$ 5.00
Web Development with Bootstrap 4 and Angular 2 - Second Edition Book Cover
Web Development with Bootstrap 4 and Angular 2 - Second Edition
$ 39.99
$ 5.00
HTML5 and CSS3: Building Responsive Websites Book Cover
HTML5 and CSS3: Building Responsive Websites
$ 67.99
$ 5.00
Bootstrap 4 By Example Book Cover
Bootstrap 4 By Example
$ 35.99
$ 5.00
Bootstrap Essentials Book Cover
Bootstrap Essentials
$ 23.99
$ 5.00
Bootstrap 4 Site Blueprints Book Cover
Bootstrap 4 Site Blueprints
$ 39.99
$ 5.00