4. So what’s the big deal?
Mobile First Responsive Web Design
http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
5. Two great
tastes that
taste great
together.
http://www.flickr.com/photos/reway2007/6762976351/
6. But few
people are
doing it.
http://www.flickr.com/photos/kalexanderson/5421517469/
7. Where are the Mobile First RWDs?
106 sites from mediaqueri.es tested
9%
4% 25%
21%
4%
38%
Mobile is Larger Same Size
Less than 10% Savings 11 to 50% Savings
51% to 100% Savings Greater than 100% Savings
http://blog.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/
8. Guy Podjarny repeated the experiment a year later.
347 sites from mediaqueri.es tested
3%
11%
86%
Same size A bit smaller Much smaller
A bit smaller = 50%-90% the size
Much smaller = <50% the size
http://www.slideshare.net/guypod/performance-implications-of-mobile-design
18. Thank You!
Special thanks to all of the Flickr users
sharing under creative commons.
Jason Grigsby • @grigs
http://www.flickr.com/photos/sualk61/4083223760/