Coupon
Responsive Web Design in 24 Hours, Sams Teach Yourself
by Jennifer Kyrnin


Overview -

Learn responsive web design (RWD) with HTML5, CSS3 & JavaScript in just 24 one-hour lessons

Sams Teach Yourself Responsive Web Design in 24 Hours helps you create websites that work equally well on everything from smartphones and tablets to multi-screen monitors.
  Read more...

 
In Stock.

This item is Non-Returnable.
FREE Shipping for Club Members
 
> Check In-Store Availability

In-Store pricing may vary

 
 
New & Used Marketplace 9 copies from $4.54
 
 
 

More About Responsive Web Design in 24 Hours, Sams Teach Yourself by Jennifer Kyrnin
 
 
 
Overview

Learn responsive web design (RWD) with HTML5, CSS3 & JavaScript in just 24 one-hour lessons

Sams Teach Yourself Responsive Web Design in 24 Hours helps you create websites that work equally well on everything from smartphones and tablets to multi-screen monitors.

This book's straightforward, step-by-step approach shows how to use HTML, CSS, and JavaScript to build the responsive sites today's users and clients want. In just a few hours, you'll be building layouts, sites, forms, and web apps that automatically adapt to virtually any device. Every lesson builds on what you've already learned, giving you a rock-solid foundation for real-world success.


Learn how to...

  • Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript
  • Use progressive enhancement to consistently provide the right content while making the most of each device and browser
  • Establish breakpoints and write CSS media queries to respond appropriately to each user agent
  • Choose the right layout and wireframing approach for your site
  • Use web fonts to control typography and choose sizes that look good on any device
  • Master three ways to make tables responsive
  • Build responsive forms using the latest HTML5 tags and attributes
  • Implement responsive navigation patterns that users understand intuitively
  • Test for responsiveness and performance
  • Use Responsive Design + Server Side Components (RESS) to optimize performance
CONTENTS AT A GLANCE


PART I: INTRODUCTION TO RESPONSIVE WEB DESIGN
H OUR 1: What Is Responsive Web Design?

- History of Responsive Web Design

- Why We Need Responsive Web Design

HOUR 2 Alternatives to Responsive Web Design

- Table-Based Layouts- CSS Layouts

- Detection Scripts

HOUR 3: The Growth of Mobile

- Basic Cell Phones

- Smartphones

- Tablets

- Retina Devices

- Why Responsive Design Is Important

HOUR 4 Progressive Enhancement

- What Is Progressive Enhancement?

- How to Use Progressive Enhancement on a

- Website

- Benefits of Progressive Enhancement

HOUR 5 HTML for Responsive Web Design

- Using HTML5- Clean Code

- Don't Forget Semantic Elements

- Validating Your HTML

HOUR 6: Basic CSS

- How to Write CSS Rules

- Embedded and External Style Sheets

- Styling Fonts and Colors

- Creating a Layout with CSS

- Understanding Cascading and Specificity

HOUR 7: Unobtrusive JavaScript

- What Is Unobtrusive JavaScript?

- How to Implement Unobtrusive JavaScript

PART II: BUILDING A RESPONSIVE WEBSITE

HOUR 8: Planning a Responsive Website

- Should You Make Your Website Responsive?

- How to Plan for a Responsive Website

HOUR 9: Mobile First

- Why Design for Mobile First?

- What Makes a Site Mobile Friendly?

- What About Mobile Only?

HOUR 1 0: CSS Media Queries

- What Is a Media Query?

- Media Query Expressions

HOUR 1 1: Breakpoints

- What Is a Breakpoint?

- How to Define Breakpoints in CSS

- Optimal Breakpoints

HOUR 12: Layout

- What Is Web Layout?

- Types of Layouts

- Columns in Layout

HOUR 13 Navigation

- Why Responsive Navigation Is Important

- What Makes Navigation Mobile Friendly?

- Basic RWD Navigation Patterns

HOUR 14 Responsive Fonts and Typography

- Using Web Fonts

- Sizing Typography

- Relative Versus Absolute Font Sizes

- New CSS3 Measurement Units

HOUR 15 Creating and Using Images in RWD

- Making Images Responsive

- Improving Download Speeds

- Building and Using Retina-Ready Images

HOUR 16: Videos and Other Media in RWD

- How to Make Videos Responsive- Making YouTube Videos Responsive

HOUR 17: Tables in Responsive Web Design

- Tables on Small Devices

- Can Tables Be Responsive?

- Where Do Layout Tables Fit in RWD?

HOUR 18 Responsive Web Forms

- HTML5 Forms

- Making Web Forms Usable

- Creating Responsive Forms

HOUR 19 Testing Responsive Websites

- Testing in Your Browser

- Testing in a Device for All Your Breakpoints

- How to Test When You Don't Have the Devices

HOUR 20 Problems with Responsive Web Design

- Responsive Designs Can Be Slow- RWD Can Make More Work for Designers

- Not All Customers Like Responsive Sites

- RWD May Break Advertising

PART III: IMPROVING RESPONSIVE DESIGN

HOUR 21: Tools for Creating Responsive Web Designs

- Planning and Designing Your RWD Site- HTML Element and CSS Tools

- Web Editors for Building Responsive Web Pages

HOUR 22 Device and Feature Detection

- Why Use Detection Scripts

- Modernizr

- WURFL

HOUR 23: Using RESS with RWD

- What Is RESS?

- Benefits of Using RESS

- Getting Started with RESS

- When to Use RESS

HOUR 24: RWD Best Practices

- Give Everyone the Best Experience

- Use the Best Breakpoints You Can

- Be Flexible and Think Small

- Don't Forget the Content

- Manage Costs



This item is Non-Returnable.

 
Details
  • ISBN-13: 9780672338380
  • ISBN-10: 0672338386
  • Publisher: Sams Publishing
  • Publish Date: December 2014
  • Page Count: 384
  • Dimensions: 9 x 7.4 x 1 inches
  • Shipping Weight: 1.27 pounds

Series: Sams Teach Yourself...in 24 Hours (Paperback)

Related Categories

Books > Computers > Web - Design
Books > Computers > Interactive & Multimedia

 
BAM Customer Reviews