References

Shortened URLs are numbered sequentially; the related long URLs are listed below for reference.

Chapter 1

01-01 https://commons.wikimedia.org/wiki/File:FallPando02.jpg

01-02 http://www.nps.gov/brca/naturescience/quakingaspen.htm

01-03 http://www.jstor.org/stable/1312652

01-04 http://trentwalton.com/2012/02/02/redefined/

01-05 http://www.fieldmuseum.org/

01-06 http://www.audubon.org/

01-07 http://cooking.nytimes.com/guides/how-to-make-pie-crust

01-08 http://laphamsquarterly.org/

01-09 http://www.microsoft.com/

01-10 https://www.virginamerica.com/

01-11 http://www.adobe.com/

01-12 https://www.gov.uk/

01-13 https://playbook.cio.gov/

01-14 http://www.google.com/trends/2014/

01-15 http://abookapart.com/products/responsive-web-design

01-16 http://responsivewebdesign.com/podcast/capital-one-part-two.html

01-17 http://responsivewebdesign.com/podcast/virgin-america.html

01-18 http://ushahidi.github.io/platform-pattern-library/

01-19 http://ux.mailchimp.com/patterns

01-20 http://www.starbucks.com/static/reference/styleguide/

01-21 http://patterns.alistapart.com/

01-22 https://commons.wikimedia.org/wiki/File:HMS_Dauntless_D33.jpg

01-23 http://us5.campaign-archive2.com/?u=7e093c5cf4&id=ead8a72012&e=­ecb25a3f93

01-24 http://www.cisco.com/c/en/us/solutions/collateral/service-provider/­visual-networking-index-vni/white_paper_c11-520862.html

01-25 http://www.comscore.com/Insights/Blog/Is-Mobile-Bringing-About-the-Death-of-the-PC-Not-Exactly

01-26 http://www.pcmag.com/article2/0,2817,2375047,00.asp

01-27 http://ben-evans.com/benedictevans/2014/4/25/ipad-growth

01-28 http://recode.net/2014/07/30/exclusive-interview-best-buy-ceo-says-­tablet-sales-are-crashing-sees-hope-for-pcs/

01-29 http://www.reuters.com/article/2014/11/14/us-google-glass-insight-idUSKCN0IY18E20141114

01-30 https://play.google.com/store/apps/details?id=com.appfour.wearbrowser

01-31 https://www.youtube.com/watch?v=sGo08-SP_Ww

01-32 http://www.digitaltrends.com/computing/windows-8-1-preview-review/

01-33 http://www.ofcom.org.uk/static/cmr-10/UKCM-4.13.html

01-34 https://www.flickr.com/photos/anna_debenham/19700844223

01-35 http://www.ericsson.com/res/docs/2014/ericsson-mobility-report-­november-2014.pdf

01-36 https://www.flickr.com/photos/ericsson_images/15626948657/in/­set-72157649326666221

Chapter 2

02-01 http://www.nlm.nih.gov/exhibition/avoyagetohealth/exhibition-legacy.html

02-02 http://happycog.com/

02-03 http://responsivenews.co.uk/post/18948466399/cutting-the-mustard

02-04 http://responsivenews.co.uk/post/50028612882/responsive-news-testing

02-05 https://github.com/filamentgroup/Overthrow/

02-06 http://www.lukew.com/ff/entry.asp?1514

02-07 https://web.archive.org/web/20130819090807/http://stephanierieger.com/a-plea-for-progressive-enhancement

02-08 https://github.com/filamentgroup/Ajax-Include-Pattern/

02-09 http://www.filamentgroup.com/lab/responsive-design-approach-for-­navigation.html

02-10 https://developer.mozilla.org/en-US/Apps/Design/UI_layout_basics/Responsive_Navigation_Patterns

02-11 https://www.quora.com/Who-started-the-trend-of-using-the-hamburger-icon-%E2%98%B0-as-a-menu-button

02-12 http://www.bbc.com/news/magazine-31602745

02-13 https://raygun.io/blog/2014/07/making-svg-html-burger-button/

02-14 http://sarasoueidan.com/blog/navicon-transformicons/

02-15 http://time.com

02-16 http://exisweb.net/mobile-menu-abtest

02-17 http://thenextweb.com/dd/2014/04/08/ux-designers-side-drawer-­navigation-costing-half-user-engagement/

02-18 http://blog.booking.com/hamburger-menu.html

02-19 http://blog.manbolo.com/2014/06/30/apple-on-hamburger-menus

02-20 http://www.lukew.com/ff/entry.asp?933

02-21 http://www.bbc.com/news

02-22 http://www.theguardian.com/help/insideguardian/2014/jul/11/-sp-­navigating-the-guardian

02-23 http://responsivewebdesign.com/podcast/virgin-america.html

02-24 https://the-pastry-box-project.net/dan-mall/2012-september-12

02-25 http://blog.mailchimp.com/redesigning-mailchimps-app-navigation/

02-26 https://www.filamentgroup.com/

02-27 http://frankchimero.com/blog/

Chapter 3

03-01 http://the.hitchcock.zone/wiki/Alfred_Hitchcock_and_Fran%C3%A7ois_Truffaut_%28Aug/1962%29_-_Part_2

03-02 http://clagnut.com/blog/268/

03-03 http://www.bbc.com/news/business-33436021

03-04 http://unstoppablerobotninja.com/entry/hand-over-the-ring/

03-05 http://thisismadebyhand.com/

03-06 http://alistapart.com/article/creating-intrinsic-ratios-for-video

03-07 http://www.w3.org/TR/css3-box/#padding1

03-08 http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

03-09 http://virb.com/

03-10 http://vox.com/

03-11 http://httparchive.org/interesting.php?a=All&l=Jul%201%202015

03-12 http://googlesystem.blogspot.com/2010/07/googles-stats-about-web.html

03-13 http://blog.cloudfour.com/how-apple-com-will-serve-retina-images-to-new-ipads/

03-14 https://w3c.github.io/netinfo/

03-15 https://youtube.com/watch?v=d5_6yHixpsQ

03-16 http://www.gq.com/

03-17 http://digiday.com/publishers/gq-com-cut-page-load-time-80-percent/

03-18 http://ricg.io/

03-19 https://html.spec.whatwg.org/multipage/embedded-content.html#­attr-img-srcset

03-20 https://html.spec.whatwg.org/multipage/embedded-content.html#­introduction-3:viewport-based-selection-2

03-21 https://status.modern.ie/imgsrcset

03-22 https://github.com/scottjehl/picturefill

03-23 http://www.vox.com/2014/12/29/7458807/paul-krugman-economist

03-24 http://engineering.columbia.edu/model-created-map-­energy-use-nyc-buildings

03-25 http://www.lars-mueller-publishers.com/en/programme-entwerfen

03-26 http://needmoredesigns.com/blog/early-responsive-design/

03-27 https://flic.kr/p/s7maT2

03-28 https://github.com/adamdbradley/focal-point

03-29 https://www.shopify.com/

Chapter 4

04-01 http://depts.washington.edu/chinaciv/graph/tcommain.htm

04-02 http://www.teleactivities.com/advertising-history/

04-03 http://blogs.ubc.ca/etec540sept10/2010/11/29/the-evolution-of-­advertising-from-papyrus-to-youtube/

04-04 http://espressocoffee.quora.com/Coffee-timeline-A-literary-record

04-05 http://www.web-books.com/Classics/ON/B0/B701/15MB701.html

04-06 https://commons.wikimedia.org/wiki/File:Times_1788年12月04日.jpg

04-07 https://www.flickr.com/photos/nesster/5511185739/

04-08 https://www.flickr.com/photos/42072348@N00/3049739879/

04-09 https://www.flickr.com/photos/91591049@N00/16587189580/

04-10 https://www.flickr.com/photos/nesster/14959218130/

04-11 https://www.flickr.com/photos/nesster/4822903313/

04-12 http://www.iab.net/guidelines/508676/508767/displayguidelines

04-13 http://www.iab.net/guidelines/508676/508767/mobileguidelines

04-14 https://github.com/filamentgroup/AppendAround

04-15 http://product.voxmedia.com/2014/12/17/7405131/algorithmic-design-how-vox-picks-a-winning-layout-out-of-thousands

04-16 http://markboulton.co.uk/journal/responsive-advertising

04-17 http://rogerblack.com/blog/post/the_holy_grail_part_i

04-18 http://rogerblack.com/blog/post/the_holy_grail_part_2

04-19 https://www.thinkwithgoogle.com/research-studies/the-new-­multi-screen-world-study.html

04-20 http://responsivewebdesign.com/podcast/vox.html

04-21 http://advertising.theguardian.com/gallery/

04-22 http://next.theguardian.com/blog/responsive-takeover/

04-23 http://htmlads.monotype.com/

04-24 https://support.google.com/adsense/answer/3543893

04-25 http://www.iab.net/iablog/2014/03/viewability-has-arrived-what-you-need-to-know-to-see-through-this-sea-change.html

04-26 http://www.thedrum.com/news/2014/02/25/mwc-advertisers-lag-­behind-publishers-creating-responsive-design-experiences-says

Chapter 5

05-01 http://trentwalton.com/2012/02/02/redefined/

05-02 http://responsivewebdesign.com/podcast/virgin-america.html

05-03 http://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/

05-04 http://getbootstrap.com/

05-05 http://foundation.zurb.com/

05-06 http://whitney.org/

05-07 http://www.experimentaljetset.nl/archive/whitney-museum-identity

05-08 https://archive.org/details/LittleNemo1905-1914ByWinsorMccay

05-09 https://www.youtube.com/watch?v=I-9FIFDHjLg

05-10 https://www.youtube.com/watch?v=1uLWbuButIE

05-11 https://www.youtube.com/watch?v=lmVra1mW7LU

05-12 https://www.youtube.com/watch?v=ws5kGs_J-CM

05-13 https://vimeo.com/93206523

05-14 http://the12principles.tumblr.com/

05-15 http://www.frankanollie.com/PhysicalAnimation.html

05-16 http://product.voxmedia.com/2014/12/17/7405131/algorithmic-design-how-vox-picks-a-winning-layout-out-of-thousands

05-17 http://www.markboulton.co.uk/journal/anewcanon

05-18 http://owltastic.com/

05-19 http://tattly.com/products/burger

05-20 http://www.fieldmuseum.org/

05-21 https://developer.mozilla.org/en-US/docs/Web/CSS/flex

05-22 http://www.bondartscience.com

05-23 http://www.sbnation.com/a/march-madness-2014

05-24 http://alistapart.com/article/content-out-layout

05-25 http://www.theguardian.com/film/ng-interactive/2015/feb/20/what-it-really-means-to-win-the-oscars-best-director

05-26 http://responsivewebdesign.com/podcast/

05-27 https://developer.chrome.com/home/platform-pillar

05-28 http://convergese.com/

05-29 http://www.theguardian.com/

05-30 http://jakearchibald.com/2014/dont-use-flexbox-for-page-layout/

05-31 https://www.flickr.com/photos/cjmartin/8916609941/

Resources

06-01 http://responsivewebdesign.com/podcast/marriott.html

06-02 http://responsivewebdesign.com/podcast/code-for-america.html

06-03 http://responsivewebdesign.com/podcast/capital-one.html

06-04 http://responsivewebdesign.com/podcast/ushahidi.html

06-05 http://alistapart.com/article/creating-style-guides

06-06 http://maban.co.uk/projects/front-end-style-guides/

06-07 http://styleguides.io/podcast/index.html

06-08 http://alistapart.com/article/responsive-images-how-they-almost-worked-and-what-we-need

06-09 http://alistapart.com/article/responsive-images-in-practice

06-10 https://dev.opera.com/articles/native-responsive-images/

06-11 http://www.abookapart.com/products/responsible-responsive-design

06-12 http://www.flexboxin5.com/

06-13 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

06-14 https://css-tricks.com/snippets/css/a-guide-to-flexbox/

06-15 http://www.w3.org/TR/css3-grid-layout/

06-16 http://rachelandrew.co.uk/presentations/css-grid

06-17 http://rachelandrew.co.uk/archives/2014/06/27/css-grid-layout-getting-to-grips-with-the-chrome-implementation/

06-18 http://gridbyexample.com/

06-19 http://pvs.kcc.hawaii.edu/holokai/1976/ben_finney.html

06-20 http://www.smithsonianmag.com/smithsonian-institution/how-voyage-kon-tiki-misled-world-about-navigating-pacific-180952478/?no-ist

06-21 http://en.wikipedia.org/wiki/Mau_Piailug

06-22 http://www.atlasobscura.com/places/pando-the-trembling-giant

06-23 http://www.smithsonianmag.com/science-nature/whats-killing-the-aspen-93130832/?all