Cargando…
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...
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Sebastopol, CA :
O'Reilly Media,
2014.
|
| Edición: | 1st ed. |
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
Tabla de Contenidos:
- 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