Publishers of technology books, eBooks, and videos for creative people

Home > Store

Responsive Web Design: Learn by Video

Register your product to gain access to bonus material or receive a coupon.

Responsive Web Design: Learn by Video

Student Supplement

  • Sorry, this book is no longer in print.
Not for Sale

Description

  • Copyright 2014
  • Edition: 1st
  • Student Supplement
  • ISBN-10: 0-321-97114-0
  • ISBN-13: 978-0-321-97114-2

Responsive design isn’t merely another technique. It’s a way of building sites and applications that requires a fundamental shift in approach. From planning to development, every aspect of building for the web is affected.


This video course starts by explaining the three primary components of responsive design: fluid layouts, media queries and responsive images. With a firm understanding of those in place, we branch out and explore how responsive design impacts workflow, how to maintain the hierarchy of content, how to use feature detection to enhance the experience, how to organize your JavaScript to play along nicely, how to optimize responsive sites for performance—and more.
Course objectives & goals: This course arms its students with the skills necessary to start building quality responsive sites today. By the end of the course, students will know how to:
  • Use fluid layouts, media queries and fluid images to create responsive layouts
  • Use responsive image techniques to serve appropriately sized images to a variety of devices
  • Ensure that the hierarchy of content is preserved across screen sizes
  • Enhance the functionality of your site with feature detection
  • Improve the performance of your site and avoid becoming another example of "fat" responsive design

Sample Content

Table of Contents

TOPIC

RESPONSIVE WEB DESIGN

What is Responsive Web Design

History of mobile web design

WHY IMPLEMENT RESPONSIVE WEB DESIGN

Business benefits

User benefits

FLUID LAYOUTS

Fluid Layouts

Fluid Layout example

MEDIA QUERIES

Media Queries

Media Query example

RESPONSIVE MEDIA

Responsive Media

Responsive Media example

PLANNING

Planning

Planning scenarios

DESIGN WORKFLOW

Design Workflow

Design Workflow examples

CONTENT HIERARCHY

Content Hierarchy

Content Hierarchy examples

RESS (improve performance)

RESS (improve performance)

RESS examples

EXPERIENCES

Experiences

Experience examples

QUALITY ASSURANCE

Testing across the continuum

|SUMMARY|

Updates

Submit Errata

More Information

Peachpit Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from Peachpit and its family of brands. I can unsubscribe at any time.