Learning responsive web design : a beginner's guide
"Deliver an optimal user experience to all devices-including tablets, smartphones, feature phones, laptops, and large screens-by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch. Ideal for anyone involved in the process of creating websites-not just developers-this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays"--Page 4 of cover
1 online resource (xiv, 396 pages) : illustrations
9781449363697, 9781449363680, 9781322124292, 9781449363659, 1449363695, 1449363687, 1322124299, 1449363652
881503053
Preface; How This Book Is Organized; Who Should Read This Book; How to Contact Us; Acknowledgments; Foundations of Responsive Design; Chapter 1: What Is Responsive Design?; 1.1 Just the Basics; 1.2 A Short History; 1.3 Why Responsive Design; 1.4 Summary; Chapter 2: Responsive Content; 2.1 Content Strategy; 2.2 Managing Content; 2.3 Developing Content; 2.4 Content Parity; 2.5 Content Governance; 2.6 Adaptive Content; 2.7 Summary; Creating Responsive Websites; Chapter 3: HTML for Responsive Sites; 3.1 Working with HTML; 3.2 Basic Page Structure; 3.3 Viewport; 3.4 Structural Elements; 3.5 Creating a Page; 3.6 Clean and Semantic HTML; 3.7 Summary; Chapter 4: CSS for Responsive Sites; 4.1 How CSS Works; 4.2 Versions of CSS; 4.3 Where CSS Goes; 4.4 The Cascade; 4.5 Using the Cascade; 4.6 Comments; 4.7 Organizing Your Stylesheet; 4.8 The Box Model; 4.9 display; 4.10 Positioning; 4.11 float and clear; 4.12 Basic Styles; 4.13 Summary; Chapter 5: Media Queries; 5.1 What's a Media Query?; 5.2 Media Query Structure; 5.3 Using Media Queries in Stylesheet Links; 5.4 Other Ways to Use Media Queries; 5.5 What We Can Query; 5.6 Browser Support; 5.7 Breakpoints; 5.8 Design Ranges; 5.9 Designing Responsively; 5.10 Using Media Queries; 5.11 Two-Column Layout; 5.12 Setting a Maximum Width; 5.13 How to Choose Breakpoints; 5.14 Summary; Chapter 6: Images; 6.1 Ways to Display Images; 6.2 Alt Text; 6.3 Image File Formats; 6.4 Optimizing Images; 6.5 Content Images; 6.6 Background Images; 6.7 Responsive Images; 6.8 Summary; Working Responsively; Chapter 7: Responsive Workflow; 7.1 Strategy and Planning; 7.2 Content Before Layout; 7.3 Thinking About Layout; 7.4 Prototypes; 7.5 Visual Design; 7.6 Responsive Design Tools; 7.7 Selling Responsive Design; 7.8 Working with Clients; 7.9 Summary; Chapter 8: Mobile and Beyond; 8.1 User Experience; 8.2 Device-Agnostic Design; 8.3 Focusing on Mobile First; 8.4 Do What You Can; 8.5 Types of Devices; 8.6 Touch; 8.7 Screen Size; 8.8 Accessibility (Universal Design); 8.9 Deciding Which Devices to Support; 8.10 Why Use Real Devices for Testing; 8.11 Testing; 8.12 Summary; Designing Responsive Websites; Chapter 9: Typography; 9.1 Start with HTML; 9.2 Typefaces; 9.3 Using Fonts; 9.4 Sizing Text; 9.5 Line Length; 9.6 Whitespace; 9.7 Margins and Padding; 9.8 Changing Typeface for Screen Size; 9.9 Summary; Chapter 10: Navigation and Header Layout; 10.1 Responsive Navigation; 10.2 Branding; 10.3 Navigation Links; 10.4 Navigation Patterns; 10.5 Header; 10.6 Summary; Chapter 11: Performance; 11.1 Why Performance Matters; 11.2 Performance as Design; 11.3 How Web Pages Are Loaded and Rendered; 11.4 Measuring Performance; 11.5 Cleaning Up Your Code; 11.6 Minimizing HTTP Requests; 11.7 Server Stuff; 11.8 JavaScript; 11.9 CSS; 11.10 Hosting; 11.11 Conditionally Loading Content; 11.12 Reflows and Repaints; 11.13 RESS; 11.14 Summary
Includes index
English
archive.org Free eBook from the Internet Archive
openlibrary.org Additional information and access via Open Library