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