Table of Contents

 

Copyright

Brief Table of Contents

Table of Contents

Preface

Acknowledgments

About this Book

Author Online

About the Author

1. The responsive way

Chapter 1. Learning to work responsively

1.1. Meet the responsive web

1.1.1. What is the responsive web?

1.1.2. Key features

1.2. Building your first responsive site

1.2.1. Creating prototypes

1.3. The basic responsive layout

1.3.1. Mobile-first markup

1.3.2. Using percentages in CSS

1.3.3. Adding text and images

1.3.4. The fickle and mighty em

1.3.5. Your first breakpoint

1.4. Summary

1.5. Discussion points

Chapter 2. Design for mobile first

2.1. Why mobile-first design

2.1.1. Benefits of mobile-first design

2.1.2. The challenges of designing for mobile first

2.2. Designing headers for small screens

2.2.1. Creating the header

2.3. Designing for a touch interface

2.3.1. The simplified small-screen grid

2.4. Designing content for a small screen

2.4.1. Using web fonts in layouts

2.5. Summary

2.6. Discussion points

2. Designing for the responsive web

Chapter 3. Using style tiles to communicate design

3.1. Visualizing design with style guides

3.1.1. What is a style guide?

3.1.2. Developing a style guide

3.1.3. Style tiles: creating a visual language

3.2. How to create a style tile

3.2.1. Get feedback

3.2.2. Design the style tile

3.2.3. Creating the style tile

3.2.4. Iterative design with a style tile