Educause - Building a Responsive Website for the Presidential Debate
description
Transcript of Educause - Building a Responsive Website for the Presidential Debate
![Page 1: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/1.jpg)
Building a Responsive Website for the Presidential DebateJON LIU & MATT ESCHENBAUM
Thursday, November 8, 12
![Page 2: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/2.jpg)
Hello!
Thursday, November 8, 12
![Page 3: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/3.jpg)
By Jacked01 - http://www.flickr.com/photos/jacked01/4335464703/
Thursday, November 8, 12
![Page 4: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/4.jpg)
By Hilary Hughes - https://picasaweb.google.com/105795174137387926578/Denver#5556786742373643186
Thursday, November 8, 12
![Page 5: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/5.jpg)
Thursday, November 8, 12
![Page 6: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/6.jpg)
Thursday, November 8, 12
![Page 7: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/7.jpg)
Tweet us!@skiboyjon
#E12_SESS088#edu12
Thursday, November 8, 12
![Page 8: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/8.jpg)
By Brad Frost - http://bradfrostweb.com/blog/mobile/beyond-media-queries-anatomy-of-an-adaptive-web-design/
Thursday, November 8, 12
![Page 9: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/9.jpg)
By Viljami Salminen - http://viljamis.com/blog/2012/adaptive-vs-responsive-whats-the-difference.php
Thursday, November 8, 12
![Page 10: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/10.jpg)
Responsive + Adaptive = ReDaptive?
Thursday, November 8, 12
![Page 11: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/11.jpg)
Thursday, November 8, 12
![Page 12: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/12.jpg)
How we screwed up
What we did well
Lessons learned
Thursday, November 8, 12
![Page 13: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/13.jpg)
How it began
By -eko- - http://www.flickr.com/photos/ekosystem/4334671818/
Thursday, November 8, 12
![Page 14: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/14.jpg)
Mar 31, 2011 University of Denver applied to host the debate
Thursday, November 8, 12
![Page 15: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/15.jpg)
By Laney Griner - http://knowyourmeme.com/memes/i-hate-sandcastles-success-kid
Oct 31, 2011DU was selected as a host site by the Commission on Public Debates
Thursday, November 8, 12
![Page 16: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/16.jpg)
By Bourguiboeuf - http://www.flickr.com/photos/bourguiboeuf/6996015793/
Thursday, November 8, 12
![Page 17: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/17.jpg)
Can I get tickets?
Thursday, November 8, 12
![Page 18: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/18.jpg)
Thursday, November 8, 12
![Page 19: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/19.jpg)
By Austen Hufford - http://www.flickr.com/photos/austenhufford/6964717904/
Thursday, November 8, 12
![Page 20: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/20.jpg)
We need a debate website
#E12_SESS088
Thursday, November 8, 12
![Page 21: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/21.jpg)
Lesson Learned #1DO YOUR HOMEWORK
#E12_SESS088
Thursday, November 8, 12
![Page 22: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/22.jpg)
Aaron GustafsonADAPTIVE WEB DESIGN
Ethan MarcotteRESPONSIVE WEB DESIGN
Thursday, November 8, 12
![Page 23: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/23.jpg)
Something BIG is happening
Thursday, November 8, 12
![Page 24: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/24.jpg)
The next major step
Thursday, November 8, 12
![Page 25: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/25.jpg)
Thursday, November 8, 12
![Page 26: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/26.jpg)
Thursday, November 8, 12
![Page 27: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/27.jpg)
How we decided to go Responsive
USE DATA TO INFORM
#E12_SESS088
Thursday, November 8, 12
![Page 28: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/28.jpg)
DU.EDUMobile Growth2009 - 2012
MOBILE OVERALL
0.00%$
1.00%$
2.00%$
3.00%$
4.00%$
5.00%$
6.00%$
7.00%$
8.00%$
Nov$2009$
Dec$2009$
Jan$2010$
Feb$2010$
Mar$2010$
Apr$2010$
May$2010$
Jun$2010$
Jul$2010$
Aug$2010$
Sep$2010$
Oct$2010$
Nov$2010$
Dec$2010$
Jan$2011$
Feb$2011$
Mar$2011$
Apr$2011$
May$2011$
Jun$2011$
Jul$2011$
Aug$2011$
Sep$2011$
Oct$2011$
Nov$2011$
Dec$2011$
Jan$2012$
Feb$2012$
Mar$2012$
Apr$2012$
May$2012$
Jun$2012$
Jul$2012$
Aug$2012$
Sep$2012$
Oct$2012$
4,600
56,800
Thursday, November 8, 12
![Page 29: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/29.jpg)
By adactio - http://www.flickr.com/photos/adactio/6153481666/in/photostream/
Thursday, November 8, 12
![Page 30: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/30.jpg)
2009 - 27 screens
Thursday, November 8, 12
![Page 31: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/31.jpg)
2009 - 28 screens
2012 - 587 screens
Thursday, November 8, 12
![Page 32: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/32.jpg)
681,900 Total
3997 different android devices
By OpenSignalMaps - http://opensignalmaps.com/reports/fragmentation.php
Thursday, November 8, 12
![Page 33: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/33.jpg)
Android Screens
By OpenSignalMaps - http://opensignalmaps.com/reports/fragmentation.php
Thursday, November 8, 12
![Page 34: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/34.jpg)
iOS screens
By OpenSignalMaps - http://opensignalmaps.com/reports/fragmentation.php
Thursday, November 8, 12
![Page 35: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/35.jpg)
iOS screens
By OpenSignalMaps - http://opensignalmaps.com/reports/fragmentation.php
Thursday, November 8, 12
![Page 36: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/36.jpg)
Practical maintenance and updates
Thursday, November 8, 12
![Page 37: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/37.jpg)
Opportunity to start with a project site
Thursday, November 8, 12
![Page 38: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/38.jpg)
Plenty of problems too
Thursday, November 8, 12
![Page 39: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/39.jpg)
Not many other higher-ed schools using RWD, yet
Thursday, November 8, 12
![Page 40: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/40.jpg)
“Best practices are emerging for smaller, boutique-style sites, but for sites with larger anatomies, it’s still the Wild West”
Michael Mesker http://www.palantir.net
Thursday, November 8, 12
![Page 41: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/41.jpg)
Not a Silver Bullet
Thursday, November 8, 12
![Page 42: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/42.jpg)
By David Veatch - http://www.dvicci.com/blog
Thursday, November 8, 12
![Page 43: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/43.jpg)
Lesson Learned #2GET BUY IN EARLY
By @MSG - http://www.flickr.com/photos/michaelsgalpert/2455566419/
#E12_SESS088
Thursday, November 8, 12
![Page 44: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/44.jpg)
Share information with stakeholders through demos, explanation and training
Thursday, November 8, 12
![Page 45: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/45.jpg)
You are the cheerleader
Thursday, November 8, 12
![Page 46: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/46.jpg)
Thursday, November 8, 12
![Page 47: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/47.jpg)
Thursday, November 8, 12
![Page 48: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/48.jpg)
Thursday, November 8, 12
![Page 49: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/49.jpg)
Thursday, November 8, 12
![Page 50: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/50.jpg)
Lesson Learned #3
By Cameron Degelia - http://www.flickr.com/photos/degelia/6894587439/
PLAN, PLAN, PLAN
#E12_SESS088
Thursday, November 8, 12
![Page 51: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/51.jpg)
Oct 31, 2011 Oct 3, 2012
Website LaunchFeb 20, 2012
Content + Design + Development
Thursday, November 8, 12
![Page 52: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/52.jpg)
The typical process
Thursday, November 8, 12
![Page 53: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/53.jpg)
Content DevelopmentDesign
Thursday, November 8, 12
![Page 54: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/54.jpg)
Content
Development
Design
Thursday, November 8, 12
![Page 55: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/55.jpg)
Mobile First
Luke Wroblewski@lukew
Thursday, November 8, 12
![Page 56: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/56.jpg)
By Brad Frost - http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
Thursday, November 8, 12
![Page 57: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/57.jpg)
Design / Development loop
Thursday, November 8, 12
![Page 58: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/58.jpg)
Ross
Thursday, November 8, 12
![Page 59: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/59.jpg)
More Work Up Front = Better User Experience
Thursday, November 8, 12
![Page 60: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/60.jpg)
Lesson Learned #4START BUILDING
By Armchair Builder - http://www.flickr.com/photos/armchairbuilder/7345497766/
#E12_SESS088
Thursday, November 8, 12
![Page 61: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/61.jpg)
Test your responsive breakpoints in the browser as you build
Thursday, November 8, 12
![Page 62: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/62.jpg)
Thursday, November 8, 12
![Page 63: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/63.jpg)
Resizer
Thursday, November 8, 12
![Page 64: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/64.jpg)
Feedback from stakeholders at different stages of the process
Thursday, November 8, 12
![Page 65: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/65.jpg)
Developing in the browser reveals problems early
Thursday, November 8, 12
![Page 66: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/66.jpg)
Re-learn how to think in breakpoints
Thursday, November 8, 12
![Page 67: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/67.jpg)
Broken web fonts in the browser
Thursday, November 8, 12
![Page 68: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/68.jpg)
Work closely with sys admins to configure servers appropriately
Thursday, November 8, 12
![Page 69: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/69.jpg)
Be prepared to suck
Thursday, November 8, 12
![Page 70: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/70.jpg)
Thursday, November 8, 12
![Page 71: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/71.jpg)
Lesson Learned #5USE FRAMEWORKS AND PLUGINS, BUT WITH CAUTION
#E12_SESS088
Thursday, November 8, 12
![Page 72: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/72.jpg)
60%mobile users expect site to load in
3
seconds or lesssource - 2009, Compuware commissioned Equation Research
Thursday, November 8, 12
![Page 73: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/73.jpg)
74%users will leave if your page takes
5
seconds or longer to load
source - 2009, Compuware commissioned Equation Research
Thursday, November 8, 12
![Page 74: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/74.jpg)
CMS IntegrationGET RWD TO WORK IN YOUR CMS
#E12_SESS088
Thursday, November 8, 12
![Page 75: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/75.jpg)
Create all new templates in OmniUpdate
Thursday, November 8, 12
![Page 76: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/76.jpg)
Thursday, November 8, 12
![Page 77: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/77.jpg)
Thursday, November 8, 12
![Page 78: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/78.jpg)
Thursday, November 8, 12
![Page 79: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/79.jpg)
Lesson Learned #6TEST, TEST, AND TEST SOME MORE
By ~db~ - http://www.flickr.com/photos/dopey/123646856/
#E12_SESS088
Thursday, November 8, 12
![Page 80: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/80.jpg)
Testing takes time
By Thomas Hawk - http://www.flickr.com/photos/thomashawk/4440874971/
Thursday, November 8, 12
![Page 81: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/81.jpg)
Test on real mobile devices
Thursday, November 8, 12
![Page 82: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/82.jpg)
MobitestMOBITEST.AKAMAI.COM
Thursday, November 8, 12
![Page 83: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/83.jpg)
Thursday, November 8, 12
![Page 84: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/84.jpg)
Debate 2012 Home Page- 252.6kbDEBATE2012.DU.EDU
Mobitest iPhone 4
Mobitest Galaxy S
Desktop Wifi
iPhone 4 WiFi
iPhone 4 3G 8.60 sec
4.51 sec
3.51 sec
2.55 sec
2.14 sec
Thursday, November 8, 12
![Page 85: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/85.jpg)
Debate 2012 Events Page - 673.5kbDEBATE2012.DU.EDU/NEWS
Desktop Wifi
Mobitest Galaxy S
iPhone 4 WiFi
Mobitest iPhone 4
iPhone 4 3G 9.00 sec
3.78 sec
3.51 sec
3.49 sec
2.80 sec
Thursday, November 8, 12
![Page 86: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/86.jpg)
Feb 20, The LaunchTime to Party
#E12_SESS088
Thursday, November 8, 12
![Page 87: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/87.jpg)
Thursday, November 8, 12
![Page 88: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/88.jpg)
Oct 3, 2012University of Denver presents the Presidential Debate
Thursday, November 8, 12
![Page 89: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/89.jpg)
Thursday, November 8, 12
![Page 90: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/90.jpg)
Thursday, November 8, 12
![Page 91: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/91.jpg)
Thursday, November 8, 12
![Page 92: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/92.jpg)
Thursday, November 8, 12
![Page 93: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/93.jpg)
Thursday, November 8, 12
![Page 94: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/94.jpg)
What’s Next?The FUTURE
By :: Radar Communication :: - http://www.flickr.com/photos/markchapmanphoto/5139429152/
#E12_SESS088
Thursday, November 8, 12
![Page 95: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/95.jpg)
Proposed adaptive image element
<picture> <source srcset="small-1.jpg 1x, small-2.jpg 2x"> <source media="(min-width: 18em)" srcset="med-1.jpg 1x, med-2.jpg 2x"> <source media="(min-width: 45em)" srcset="large-1.jpg 1x, large-2.jpg 2x"> <img src="small-1.jpg"></picture>
Thursday, November 8, 12
![Page 96: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/96.jpg)
Thursday, November 8, 12
![Page 97: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/97.jpg)
Already started building new DU core site using responsive design
Thursday, November 8, 12
![Page 98: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/98.jpg)
Thursday, November 8, 12
![Page 99: Educause - Building a Responsive Website for the Presidential Debate](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c7488d4a79595f4a8b459e/html5/thumbnails/99.jpg)
Thank you very much!
slideshare.net/skiboyjonbit.ly/redaptive#E12_SESS088
[email protected] @skiboyjon
Thursday, November 8, 12