Books & Videos

Table of Contents

  1. Foundations of Responsive Design

    1. Chapter 1 What Is Responsive Design?

      1. Just the Basics
      2. A Short History
      3. Why Responsive Design
      4. Summary
    2. Chapter 2 Responsive Content

      1. Content Strategy
      2. Managing Content
      3. Developing Content
      4. Content Parity
      5. Content Governance
      6. Adaptive Content
      7. Summary
  2. Creating Responsive Websites

    1. Chapter 3 HTML for Responsive Sites

      1. Working with HTML
      2. Basic Page Structure
      3. Viewport
      4. Structural Elements
      5. Creating a Page
      6. Clean and Semantic HTML
      7. Summary
    2. Chapter 4 CSS for Responsive Sites

      1. How CSS Works
      2. Versions of CSS
      3. Where CSS Goes
      4. The Cascade
      5. Using the Cascade
      6. Comments
      7. Organizing Your Stylesheet
      8. The Box Model
      9. display
      10. Positioning
      11. float and clear
      12. Basic Styles
      13. Summary
    3. Chapter 5 Media Queries

      1. What’s a Media Query?
      2. Media Query Structure
      3. Using Media Queries in Stylesheet Links
      4. Other Ways to Use Media Queries
      5. What We Can Query
      6. Browser Support
      7. Breakpoints
      8. Design Ranges
      9. Designing Responsively
      10. Using Media Queries
      11. Two-Column Layout
      12. Setting a Maximum Width
      13. How to Choose Breakpoints
      14. Summary
    4. Chapter 6 Images

      1. Ways to Display Images
      2. Alt Text
      3. Image File Formats
      4. Optimizing Images
      5. Content Images
      6. Background Images
      7. Responsive Images
      8. Summary
  3. Working Responsively

    1. Chapter 7 Responsive Workflow

      1. Strategy and Planning
      2. Content Before Layout
      3. Thinking About Layout
      4. Prototypes
      5. Visual Design
      6. Responsive Design Tools
      7. Selling Responsive Design
      8. Working with Clients
      9. Summary
    2. Chapter 8 Mobile and Beyond

      1. User Experience
      2. Device-Agnostic Design
      3. Focusing on Mobile First
      4. Do What You Can
      5. Types of Devices
      6. Touch
      7. Screen Size
      8. Accessibility (Universal Design)
      9. Deciding Which Devices to Support
      10. Why Use Real Devices for Testing
      11. Testing
      12. Summary
  4. Designing Responsive Websites

    1. Chapter 9 Typography

      1. Start with HTML
      2. Typefaces
      3. Using Fonts
      4. Sizing Text
      5. Line Length
      6. Whitespace
      7. Margins and Padding
      8. Changing Typeface for Screen Size
      9. Summary
    2. Chapter 10 Navigation and Header Layout

      1. Responsive Navigation
      2. Branding
      3. Navigation Links
      4. Navigation Patterns
      5. Header
      6. Summary
    3. Chapter 11 Performance

      1. Why Performance Matters
      2. Performance as Design
      3. How Web Pages Are Loaded and Rendered
      4. Measuring Performance
      5. Cleaning Up Your Code
      6. Minimizing HTTP Requests
      7. Server Stuff
      8. JavaScript
      9. CSS
      10. Hosting
      11. Conditionally Loading Content
      12. Reflows and Repaints
      13. RESS
      14. Summary