Responsive Web Design in 24 Hours, Sams Teach Yourself

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

List Price: $39.99
Price: $24.20 Details

Availability: Usually ships in 24 hours
Ships from and sold by

67 new or used available from $11.42

Average customer review:
(8 customer reviews)

Product Description

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



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



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



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


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

Product Details

  • Amazon Sales Rank: #964346 in Books
  • Published on: 2014-12-19
  • Original language: English
  • Number of items: 1
  • Dimensions: 9.00" h x 1.10" w x 7.40" l, .0 pounds
  • Binding: Paperback
  • 384 pages

Editorial Reviews

About the Author

Jennifer Kyrnin has been teaching HTML, XML, and web design online since 1997. She has built and maintained websites of all sizes, from small, single-page brochure sites to large, million-page database-driven sites for international audiences. She lives with her husband and son and numerous animals on a small farm in Washington state.

Customer Reviews

Most helpful customer reviews

0 of 0 people found the following review helpful.
4Just the ticket for an amateur like me
By Tra Manfrank
I am an amateur in this field and this book was just the ticket. It contains an intro section of a few chapters which were historical and which was ok, but I could have skipped it. Usually I am a "get to the good stuff person" but I read the intro stuff anyway. The book takes the reader through a chapter by chapter sequence of developing a web site for multiple size screens. Since I am analytical it was good for me.

I really liked the chapter on font size. It can be quite complicated and the author explains her process for adjustable fonts.

The editor made quite a few errors and a took a little thinking to figure out what was really supposed to be in some of the examples. All in all, I would recommend it, especially for a newbie like me. For those not familiar with these books, each chapter is to take an hour to read and practice.

0 of 0 people found the following review helpful.
5Five Stars
By Underhill
Pretty good book, covers a good amount at a good pace

2 of 3 people found the following review helpful.
2Not what I expect from a Sams TY 24 hour book
By peg2
This book isn't as good as it should have been. It's okay, I guess, but it would have been much better if it followed the format of a number of other TY24 books. That is, the author should have designed a sample site, and had exercises, with downloadable starting points. While there is a sort of a sample web site, the book is more the sort of thing you'd get from a lecture-demo setup.

This book isn't a complete failure; I just think it could have been a lot better. My suggestion is to start somewhere else for your RWD training.

See all 8 customer reviews...

Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.

Manage research, learning and skills at defaultLogic. Create an account using LinkedIn or facebook to manage and organize your IT knowledge. defaultLogic works like a shopping cart for information -- helping you to save, discuss and share.

  Contact Us