Responsive web design by example : build powerful and engaging responsive websites with ease : beginner's guide / Thoriq Firdaus.

Format:

Book

Author/Creator:

Firdaus, Thoriq, author.

Language:

English

Subjects (All):

Cascading style sheets.

HTML (Document markup language).

Web sites--Design.

Web sites.

Physical Description:

1 online resource (258 p.)

Edition:

2nd ed.

Place of Publication:

Birmingham, England : Packt Publishing, 2014.

Language Note:

English

Summary:

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.

Contents:

Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Responsive Web Design; Responsive web design in a nutshell; Viewport meta tag; A word on screen size and viewport; Media queries; A look into responsive frameworks; The Responsive.gs framework; A word on CSS box model; CSS3 box sizing; The Bootstrap framework; The Foundation framework; A brief introduction to CSS preprocessors; Responsive web design inspiration sources; Summary; Chapter 2: Web Development Tools; Choosing a code editor

Time for action - installing Sublime Text Package ControlTime for action - installing XAMPP; Choosing a CSS preprocessor compiler; Browser for development; Source maps; Mobile emulator; Managing project dependency with Bower; Time for action - installing Node.js; Time for action - installing Bower; Bower commands; Summary; Chapter 3: Constructing a Simple Responsive Blog with Responsive.gs; Responsive.gs components; The classes; Using HTML5 elements for semantic markups; HTML5 search input types; HTML5 placeholder attribute; HTML5 in Internet Explorer

A look into polyfills in the Responsive.gs packageBox sizing polyfills; CSS3 media queries polyfill; 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; Creating rounded corners with CSS3; Creating drop shadow; CSS3 browser supports and the use of vendor prefix; Customizing to placeholder text styles; Using CSS libraries; Working with Koala

Time for action - integrating project directory into Koala and combining the style sheetsThinking 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

SummaryChapter 5: Developing a Portfolio Website with Bootstrap; The Bootstrap components; The Bootstrap responsive grid; Bootstrap buttons and forms; Bootstrap Jumbotron; Bootstrap third-party extensions; Jasny Bootstrap off-canvas; 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; Updating Bower components; The portfolio website HTML structure; Time for action - building the website HTML structure; Summary

Chapter 6: Polishing the Responsive Portfolio Website with LESS

Notes:

"Learn by doing: less theory, more results"--Cover.

Includes index.

Includes bibliographical references and index.

Description based on online resource; title from PDF title page (ebrary, viewed December 16, 2014).

ISBN:

9781783553266

178355326X