Book Detail : Beginning Responsive Web Design with HTML5 and CSS3

Book Title: 
Beginning Responsive Web Design with HTML5 and CSS3
Resource Category: 
Publisher: 
Publication Year: 
2 014
Number of Pages: 
316
ISBN: 
978-1-4302-6694-5
978-1-4302-6695-2
Language: 
English
WishList: 
yes
Available at Shelf: 
No
Description: 

The aim of this book is to take you from knowing how to build a web site with HTML to CSS right through to building great responsive experiences that work across a variety of devices.

Table of Contents (Summary): 
  1. Introduction to Responsive Design

  2. Testing a Responsive Site

  3. The Power of Media Queries

  4. Using Fluid Layouts

  5. Frameworks in Responsive Design

  6. Adapt an Existing Site

  7. Tools and Workflow

  8. Making the User Journey Responsive

  9. JavaScript Across Responsive States

  10. Optimizing Your Responsive Site

Index 

Table of Contents (Expanded): 
  1. Introduction to Responsive Design

    • What Is Responsive Design?

    • Why Is Mobile So Important?

    • Responsive Design vs. Device-Specific Experiences

    • Responsive Web Design Is Not Limited Just to Mobile

    • When Would You Not Use Responsive Web Design?

    • Understanding the Viewport

    • Understanding Breakpoints

    • Examples of Responsive Web Design

      • August

      • Nyetimber

    • Getting Started with HTML5

      • Accessibility

      • Video and Audio Support

      • Smarter Storage

      • New Interactions

      • Canvas

      • Mobile

    • Looking at HTML5 Technologies

      • The doctype

      • New Semantic HTML Tags

      • New Meta Tags

      • Web Forms

      • Polyfilling

      • Validating the HTML5 Page

    • What’s New in CSS3

      • Browser Vendor Prefixes

      • CSS3 Examples

    • Summary

  2. Testing a Responsive Site

    • Testing Responsive Design in the Browser

      • Browser Specific Testing Features

    • Testing on a Device Simulator

      • Simulators

    • Physical Devices

      • Debugging Web Sites on Devices

    • Open Device Labs

    • Online Solutions

    • Summary

  3. The Power of Media Queries

    • An Introduction to Media Queries

      • Media Types

      • Media Queries

    • Using Media Queries in CSS

      • Separate Style Sheets

      • Use @import

      • Using Media Queries in CSS

    • Mobile First vs. Desktop First

      • Looking at Building a Site Mobile First

      • Caveats of Mobile First

    • Targeting High Pixel Density Displays

    • Summary

  4. Using Fluid Layouts

    • Types of Layouts

      • Fixed Width Layouts

      • Elastic Layouts

      • Fluid Layouts

      • Why Use Fluid Layouts for Responsive Design

    • Principles When Working with a Fluid Design

      • Do Not Use Fixed Heights

      • Do Not Necessitate Horizontal Scroll Bars

      • Think About How Your Images Look at Different Sizes

      • Think About Wrapping Content

      • Think About Spacing

      • Think About the Length of Your Lines of Text

    • Building a Fluid Design Using a CSS Grid

      • Building a Grid

    • Summary

  5. Frameworks in Responsive Design

    • Grid Systems

      • Fluidable

      • CSS Smart Grid

      • csswizardry-grids

    • CSS Frameworks

      • Twitter Bootstrap

      • Zurb Foundation

    • What Is Best for My Site?

      • Choosing a CSS Grid

      • Choosing a CSS Framework

      • Choosing Neither a Grid Nor a Framework

    • Prototyping a Site Using a CSS Framework

    • Summary

  6. Adapt an Existing Site

    • Adapt Existing Styles and Scripts

      • Defining the Breakpoints

      • Typography

      • Wrapper

      • Jumbotron

      • Products

      • Conclusion

    • Refactoring

      • Defining the Breakpoints

      • Refactoring the Existing Styles

      • Targeting the Different Breakpoint

    • Full Reskin

      • Preparation

      • General Styles

      • Defining the Breakpoints

      • Typography

      • Wrapper

      • Header

      • Jumbotron

      • Products

      • Footer

      • Conclusion

    • Summary

  7. Tools and Workflow

    • Knowing Your Command Line

      • Preparing the Command Line

      • Commanding Your Command Line

      • Tool Prerequisites

      • Installation

      • Installation

    • Version Control with Git

      • Initializing a Repository

      • Adding Files

      • Making a Commit

      • Adding a Remote

      • Pushing a Commit

      • Pull Changes

      • Cloning a Repository

    • CSS Preprocessors

      • Variables

      • Nesting

      • Import

      • Extend

      • Mixins

      • Different Preprocessors Available

      • Problems of Using CSS Preprocessors

      • Choosing a Preprocessor

    • Bower

      • Installation

    • Grunt

      • Installation

    • Gulp

    • Scaffolding

      • Yeoman

      • grunt-init

      • Initializr

      • Summary of Scaffolding Tools

    • Other Useful Tools

      • jshint

      • serve

      • ios-sim

      • Mixture

    • Workflow

      • Scaffolding

      • Abstractions

      • Iteration

      • Build

      • Deploy

      • Workflow Summary

    • Summary

  8. Making the User Journey Responsive

    • Adapting Your Content

      • The Size of the Viewport

      • Features that the Device Supports

      • User Input Methods

      • The Content Itself

    • Adapting the User’s Journey

      • Common Site Interactions

    • User Testing Your Responsive Site

      • Carrying Out User Testing

    • Web Analytics Tools

      • Google Analytics

      • ClickTale

    • Summary

  9. JavaScript Across Responsive States

    • Different Functionality Across Responsive States

    • Techniques for Changing Functionality

      • Feature Detection

      • State Management

      • Libraries

      • enquire.js

      • Using Feature Detection for Advanced States

    • Implementing Responsive JavaScript Techniques

    • Summary

  10. Optimizing Your Responsive Site

    • Why You Should Care About Site Performance

    • Improving Network Performance

      • Concatenate Files

      • Optimize Images

      • Conditionally Load Content

      • Domain Sharding

      • Server Configuration

    • Critical Rendering Path

      • Improving the Critical Rendering Path

    • Server-Side Optimization

      • What Can the Server Optimize?

      • Implementing Server-Side Optimization

      • Benefits of Server-Side Optimization

      • Disadvantages of Server-Side Optimization

      • Third-Party Server-Side Solutions

    • Measuring Your Sites’ Performance

      • Pingdom Website Speed Test

      • YSlow

      • WebPageTest

      • Google Analytics Site Speed

    • Summary

Index

Tags: 
2.49342
Average: 2.5 (190 votes)

Search the Web

Custom Search

Searches whole web. Use the search in the right sidebar to search only within javajee.com!!!