- STAFF PICKS
- GIFTS + GIFT CARDS
- SELL BOOKS
- FIND A STORE
New Trade Paper
Ships in 1 to 3 days
Other titles in the Sams Teach Yourself...in 24 Hours series:
Responsive Web Design in 24 Hours, Sams Teach Yourself (Sams Teach Yourself...in 24 Hours)by Jennifer Kyrnin
Synopses & Reviews
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.
Learn how to…
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
• Retina Devices
• Why Responsive Design Is Important
HOUR 4 : Progressive Enhancement
• What Is Progressive Enhancement?
• How to Use Progressive Enhancement on a
• 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
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
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
Responsive Web Design
In just 24 lessons of one hour or less, 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.
Step-by-step instructions and full-color figures help you learn quickly.
Practical, hands-on examples show you how to apply what you learn.
Quizzes and exercises help you test your knowledge and stretch your skills.
Jennifer Kyrnin consults professionally on web design and e-book publishing. 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 has taught HTML, XML, and web design online since 1997, and is the author of Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours.
Learn how to…
Upgrade to the online Learning Lab edition of this book for just $10 with purchase. See inside for details.
Using responsive design, you can create websites that work equally well on any device, from smartphones and tablets to the largest multi-screen monitors. Responsive web design is the next frontier in web and mobile design: every web professional should know when it is (and isn't) appropriate, and be capable of applying it. Now, in just 24 lessons of one hour or less, you can master today's best practices for responsive web design. Each short, easy lesson builds on all that's come before, teaching what responsive design is, how to use it, and how to resolve the problems it can create. Sams Teach Yourself Responsive Web Design with HTML5 and CSS3 in 24 Hours covers all this, and more:
Step-by-step instructions walk you through common questions, issues, and tasks; Q-and-As, Quizzes, and Exercises build and test your knowledge; "Did You Know?" tips offer insider advice and shortcuts; and "Watch Out!" alerts help you avoid problems. By the time you're finished, you'll be comfortable building responsive sites that work equally well for every visitor!
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.
Table of Contents
PART I: INTRODUCTION TO RESPONSIVE DESIGN
1. What is Responsive Design?
2. Alternatives to Responsive Design
3. The Growth of Mobile
4. Progressive Enhancement
5. HTML for Responsive Design
6. Basic CSS
PART II: BUILDING A RESPONSIVE WEBSITE
7. Planning a Responsive Site
8. Mobile First
9. Content First
11. CSS Media Queries - The Basis of Responsive Design
13. Fonts and Typography
14. Images and Media
16. Responsive Forms
PART III: IMPROVING ON RESPONSIVE DESIGN
19. Tools for Creating Responsive Designs
20. Problems with Responsive Design
21. Responsive Design Plus Server Components (RESS)
22. Device and Feature Detection
23. Responsive Templates
24. Examples of Amazing Responsive Design
What Our Readers Are Saying
Computers and Internet » Computers Reference » General