Building Responsive Data Visualization for the Web
Реклама. ООО «ЛитРес», ИНН: 7719571260.
Оглавление
Bill Hinderman. Building Responsive Data Visualization for the Web
Part ONE. Creating the Responsive Web
Chapter 01. The Mobile Web
How We Got Here
The Mobile Web Today
Mobile Web Design
Summary
Chapter 02. Responsive Web Design Tenets
The Gist
Adaptive vs. Responsive
Desktop-First vs. Mobile-First
Four Principles
Seven Points of Focus
Summary
Chapter 03. Working with a Flexible Grid
The Gist
Flexible Units
Using a Grid System
Creating a Reusable, Flexible Grid (in Five Easy Steps)
Summary
Try It
Chapter 04
The Gist
Responsive Layout Design
The Reusable Responsive Grid
Summary
Try It
Chapter 05. Enhancing with JavaScript
Using JavaScript
Responsive JavaScript
Limber Up
Summary
Try It
Part TWO. Creating Responsive Data Visualization
Chapter 06. Data Design: An Abridged History
Learning From Data
The Big Pile
What You Get from the Web
Summary
Chapter 07. Responsive Data Visualization Tenets
Designing Content-First
Revisiting Responsive Design Principles
Seven Points of Focus
Responding to Data
Summary
Chapter 08. Thinking Small
Designing for the Smallest Canvas: No Canvas
The Tiny Canvas
Enhancing Efficiently
Summary
Chapter 09. Asset Dependence
Dynamic Data
Tying Visualization to Screens
Summary
Try It
Chapter 10. Code-Driven Visualization
Unknown Inputs and Outputs
Using D3.js
Building Responsive Data Visualization for the Web
Driving Design with Data
Summary
Try It
Chapter 11. Building the Future-Friendly Web
The Future of Data Design
Embracing Uncertainty
Responsible Web Design
Summary
Part THREE. Additional Resources
Appendix A
Responsive Data Visualization
Grids
Infographic Design
Responsive Design
D3.js
More Resources Online
Building Responsive Data Visualization for the Web
Copyright
Credits
Dedication
About the Author
About the Technical Editor
Acknowledgments
Отрывок из книги
Before discussing responsive data design, it is important to set the stage with a brief overview of how we got here. The evolution of the mobile web does not exist in a vacuum; it is built upon the foundation of 25 years of the Internet’s growth.
In this chapter, we’ll touch upon the beginning of the consumer Internet, and how it became commercialized. We will then move on to the shift from desktop computers to mobile devices as the primary way to access the web.
.....
Let’s start with the most obvious: Phone screens are considerably smaller than computer monitors. Although it’s impossible to pick a standard mobile screen size, a good rule of thumb is to start supporting content around 320px (20em at 16px) wide, and grow upward as the content can support it.
Coupled with small screen size for any main content is the lack of real estate available for all the navigational tools we take for granted when using big screens.
.....