“More human beings today have
access to a cellphone than the
United Nations says have
access to a clean toilet.”
Anand Giridharadas, New York Times, April 10 2010
Slide 9
Slide 9 text
“More human beings today have
access to a cellphone than the
United Nations says have
access to a clean toilet.”
Anand Giridharadas, New York Times, April 10 2010
Slide 10
Slide 10 text
bradfrostweb.com
Slide 11
Slide 11 text
bradfrostweb.com
Slide 12
Slide 12 text
1.A flexible, grid-based layout,
2.Flexible images and media,
3.Media queries, a module from
the CSS3 specification
Slide 13
Slide 13 text
1.A flexible, grid-based layout,
2.Flexible images and media
3.Media queries, a module from
the CSS3 specification
Slide 14
Slide 14 text
img {
max-width: 100%;
}
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
A solution
Serve one big image and
let the browser scale it
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
Average web page size: 1,703 KB.
Images account for 1,063 KB,
over 62% of total.
HTTP Archive, March 1 2014
Slide 22
Slide 22 text
2x resolution = 4x as many pixels
Slide 23
Slide 23 text
energy
more pixels = more money
time
Slide 24
Slide 24 text
“Good performance is
good design”
Brad Frost
Slide 25
Slide 25 text
A better solution
Serve an appropriately-sized image
to each user