Responsive Web Design, Part 1 (2015)

The Modern Responsive Designer’s Workflow

Chapter 1: Planning

Chapter 2: Inventory

Chapter 3: Sketch

Chapter 4: Assemble

Responsive Process

Chapter 5: Let’s Start At The Beginning

Chapter 6: A Framework For Considering Process

Chapter 7: Enough Theory

Chapter 8: Transitioning Out

Chapter 9: People Over Process

Chapter 10: Onward

Responsive Design Patterns And Components

Chapter 11: Navigation Patterns

Chapter 12: OPTIMIZING FOR LARGER SCREENS

Chapter 13: PROGRESS STEPS

Content Choreography In RWD

Chapter 14:What Is Structured Content?

Chapter 15: What Structured Content Lets You Do

Chapter 16: How To Build A Content Model

Chapter 17: Thinking Beyond Existing Content

Chapter 18: Storage Box with Drawers

Chapter 19: Documenting And Sharing The Content Model

Chapter 20: Working With The Model In A CMS

Chapter 21: Ongoing Content Maintenance

Chapter 22: Embracing Your Inner Content Strategist

Mastering SVG For Responsive Web Design

Chapter 23: What Is SVG?

Chapter 24: Quick Overview Of SVG Syntax And Code

Chapter 25: Creating And Exporting SVGs For The Web In Vector Authoring Tools

Chapter 26: Optimizing SVGs Using Standalone Optimization Tools

Chapter 27: Embedding SVGs

Chapter 28: Using SVGs As An Icon Font Replacement (Or, How To Create SVG Sprites And Use Them As An Icon System)

Chapter 29: Making SVGs Cross-Browser Responsive With CSS

Chapter 30: Making SVGs Accessible

Chapter 31: Using SVGs To Optimize The Delivery Of Other Image Formats

Chapter 32: Where To Go From Here

Building Advanced Responsive Modules With Flexbox

Chapter 33: When To Use (And Not Use) Flexbox

Chapter 34: Diving Into The Code

Chapter 35: Flexbox Activate!

Chapter 36: Sizing Boxes

Chapter 37: Advanced Alignment Control

Chapter 38: Reordering Boxes

Chapter 39: Handling Browser Variants

Chapter 40: Using Flexbox With Fallbacks