Rethinking Housebuilding- Jonathan Hines, Rethinking Housebuilding Seminar
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the...
-
Upload
doug-gapinski -
Category
Technology
-
view
104 -
download
1
description
Transcript of Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the...
![Page 1: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/1.jpg)
EV
ER
YT
HIN
G YOUKNOW
IS NO
T Q
UIT
E
RIG
HT
ANYMORE
RETHINKING BEST PRACTICES TO RESPOND TO THE FUTURE
![Page 2: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/2.jpg)
Dave OlsenProfessional TechnologistWest Virginia University
Doug GapinskiStrategistmStoner
@thedougco@dmolsen
![Page 3: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/3.jpg)
Dave: development and performance
Doug: planning and design
![Page 4: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/4.jpg)
#uad2
PLEASE RETWEET
#heweb12
![Page 5: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/5.jpg)
I. Rethink everythingII. Our reality
III. Making the caseIV. Planning + patterns
V. Optimization + testing
EVERYTHING YOU KNOW IS NOT QUITE RIGHT ANYMORE
![Page 6: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/6.jpg)
I. RETHINK EVERYTHING
![Page 7: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/7.jpg)
Most colleges and universities are only showing ~10 to 15% traffic from mobile operating systems.
Source: anecdotal from clients
![Page 8: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/8.jpg)
55% of Facebook's monthly active user base accesses
Facebook on a mobile device.
Source: Facebook
![Page 9: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/9.jpg)
“...we actually have more people on a daily basis using mobile web Facebook than we have using our iOS or Android apps combined.”
Source: Mark Zuckerburg @ Disrupt 2012
![Page 10: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/10.jpg)
Sequential browsing:90% of people begin a task on one device (most commonly a
smartphone) and finish it on another.
Source: Google
![Page 11: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/11.jpg)
Mobile “on the go” is a myth:81% of 18-24 year olds use their
mobile device while watching TV.
Source: Pew Internet & American Life Project
+
![Page 12: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/12.jpg)
17% of cellphone users in the US use their phone as their primary
web browsing platform.
Source: Pew Internet & American Life Project
![Page 13: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/13.jpg)
Mobile and tablet traffic is predictedto outpace desktop traffic
by 2015 or sooner.
Source: IDC
>+
![Page 14: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/14.jpg)
48% of prospects who visited a school with a mobile site were
positively affected.
Source: Noel Levitz’s “Mobile E-Expectations Report”
![Page 15: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/15.jpg)
We can see that the need to deliver content on multiple
devices exists.
We must be proactive in creating great experiences for
audiences on all devices.
![Page 16: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/16.jpg)
After the launch of a responsive home page for WVU mobile traffic
increased from 11% to 22% in less than a month.
Source: WVU analytics
![Page 18: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/18.jpg)
The first higher ed mobile web solutions were dominated by the m-dots.
But those solutions don’t scale.
![Page 19: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/19.jpg)
+
Developers
ContributorsVisitors
+CMS
![Page 20: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/20.jpg)
VISITORS WILL STILL RELY ON TRADITIONAL MEANS OF ACCESS
Not every mobile device will have your app on it but every mobile
device will have a browser.— Jason Grigsby
“
”
![Page 21: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/21.jpg)
CLIENTS WANT TO KEEP DOING WHAT THEY’VE ALWAYS DONE
Links don’t open apps.— Jason Grigsby
“ ”
![Page 22: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/22.jpg)
MOBILE WEB IS ALIVE & KICKING
SearchEmail Social Media
![Page 23: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/23.jpg)
Coming to Grips
Finding balance.
http://flic.kr/p/axKd6X
![Page 24: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/24.jpg)
ELEGANCE + LAZINESS
![Page 26: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/26.jpg)
III. MAKING THE CASE
![Page 27: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/27.jpg)
UC HastingsWebster University
Drake UniversityMiami UniversityWhittier College
Spring Arbor UniversityHerzing UniversitySt. Joseph’s College
University of RochesterManhattan College
100% SUCCESS RATE FOR SELLING JUST BY TALKING ABOUT IT
Responsive Redesigns in Progress Retrofits in Progress
![Page 28: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/28.jpg)
Show, don’t sell
bostonglobe.com
mediaqueri.es
weedygarden.net
![Page 30: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/30.jpg)
IV. PLANNING AND PATTERNS
![Page 31: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/31.jpg)
Planning is the number one way to guarantee you wind up with a high performance,
good looking, fully responsive site.
![Page 32: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/32.jpg)
Ethan Marcotte, the Moses of Responsive Design
![Page 33: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/33.jpg)
A flexible grid
The design has fluid layout elements that change based on browser size.
Conditional images and
other media
The design uses one or more techniques to scale images and media so that the design performs well across devices.
Media queries
Conditional code that changes items on a page based on device detection or browser width.
PLANNING FOR FUNDAMENTALS
![Page 34: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/34.jpg)
Advanced elements
A basic fluid grid is the priority; but to be fully responsive we must often cover slideshows, tables, tabs, multi-column type, custom widgets, forms, and more.
Touchinput
Touch input is a critical development component as we move away from a mouse-first model of human-computer interaction
RESS andserver-side
conditionals
Heavy lifting for user agent detection and conditional media deployment is done by the server, not the device.
PLANNING FOR ADVANCED FUNDAMENTALS
![Page 35: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/35.jpg)
+
![Page 36: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/36.jpg)
Pros:• most thorough method• no page element left unexplored• may be the best solution for retrofittingbecause it provides the most detail
Cons• takes the longest• in some cases, wireframes don’t preclude the group changing their mind later• with a slow-decision group, can bog down length of process
Planning: full wireframes for each breakpoint
![Page 37: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/37.jpg)
Planning: responsive prototypes
Pros:• gets specific about repositioning and content without promising every detail• one asset per template instead of three or four
Cons:• requires someone on the team have front-end skills• may not preclude the need for more detailed wireframes
![Page 38: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/38.jpg)
Source: styletil.es
Styletiles: for when moodboardsare too vague and comps are too precise
![Page 39: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/39.jpg)
Writeup: seesparkbox.com Download: github fork
Sparkbox’s in-browser style prototype
![Page 40: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/40.jpg)
Design patterns provide effective examples at the beginning of a project so that you’re not rethinking the wheel.
Source: Luke W
![Page 41: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/41.jpg)
Responsive design patterns
Source: Brad Frost on github.com
![Page 42: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/42.jpg)
Responsive design patterns
Source: Brad Frost on github.com
![Page 43: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/43.jpg)
Source: Luke W and Jason Weaver
New patterns: off canvas touch layouts
![Page 44: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/44.jpg)
Source: Zurb
![Page 45: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/45.jpg)
Patterns for contemporary look and feel
dribbble.com
mobiletuxedo.com
patterntap.com
![Page 46: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/46.jpg)
A last note on planning: plan to conduct user testing on multiple devices
![Page 47: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/47.jpg)
brad’s iceberg
© Brad Frost
![Page 48: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/48.jpg)
brad’s iceberg
© Brad Frost© Brad Frost
![Page 49: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/49.jpg)
V. OPTIMIZATION & TESTING
![Page 50: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/50.jpg)
The average weight of a web page today.
Source: HTTP Archive
Images JavaScript
Flash
HTM
L
CSS
Other
82%
1 MB
![Page 51: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/51.jpg)
RWD sites whose small screen design weights the same as the large screen.
Source: Podjarny
86%
![Page 52: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/52.jpg)
Users expect your mobile site to load as quickly as your desktop site.
71%
Source: Gomez
![Page 53: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/53.jpg)
The way in which CSS media queries have been promoted for
mobile hides tough problems and gives developers a false
promise of a simple solution for designing for small screens.
Source: Jason Grigsby on Speakerdeck
“
”
![Page 54: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/54.jpg)
Mobile first means performance first
(start thinking about performance at the design stage)
![Page 55: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/55.jpg)
Over Downloading
Download & HideDownload & Shrink
Excess DOM
PRIMARY PERFORMANCE ISSUES FOR RWD
Poor Networks
High LatencyVariable Bandwidth
Packet Loss
![Page 56: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/56.jpg)
THE LATENCY EFFECT
The average web site requires 85 requests...
Cable Modem(20ms latency)
0.4 seconds
Cell Network(200ms latency)
4.2 secs
10 times slower!Source: Guy Podjarny & HTTP Archive
http://flic.kr/p/6xQPdi
![Page 57: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/57.jpg)
MOBILE OPTIMIZATION FOCUS
1. Reduce asset size2. Reduce requests 3. Speed-up page render
http://flic.kr/p/4zzKee
![Page 58: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/58.jpg)
HTML & CSS compression
Use mod_gzip or mod_deflate to make sure text-based assets are compressed for transfer.
Image compression
Use a service like kraken.io to optimize images. Also use CSS sprites as appropriate.
Try to avoid images
When possible, think about avoiding images. Implement with CSS or SVG.
Minification Use a minifying service to make sure text-based assets are as small as possible. If using PHP use Minify. If using a Mac check out CodeKit.
MicroJS or, even better,
Vanilla JS
Avoid using bulky frameworks if you’re using them for simple tasks like selectors. Try microjs.com to find libraries that may be smaller & more suitable. JavaScript also blocks the rendering of the page.
1. REDUCING ASSET SIZE
![Page 59: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/59.jpg)
Browser cache
The simplest way to reduce requests is to make sure the browser doesn’t need to make them. Make sure assets are bring cached on the browser.
ConcatenateJS & CSS
Combine similar files together in one or multiple larger files to reduce requests. May harm performance too.
localStorage Google & Bing use HTML5‘s localStorage as an enhancement to the browser cache. Check out basket.js. Avoid AppCache like the plague!
data: URI For small images & fonts try embedding them in your CSS file by using the data: URI.
Conditional loading
Use a resource loader like Modernizr.load to conditionally include JavaScript & CSS files.
2. REDUCING REQUESTS
![Page 60: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/60.jpg)
Avoid DOM reflows &
repaints
By using JS to modify the DOM you can cause unnecessary reflows & repaints of your browser. They slow down page render time as well as burn battery.
Defer loading of JavaScript
Use HTML5’s script defer & async attributes to delay downloading files. Can also insert script elements into the DOM using the onLoad event.
Lazy load JavaScript
Comment out JavaScript that isn’t required at page load. Uncomment & eval() when required.
Touch beats onClick
While not directly related to page render, by making sure your links use a Touch event rather than an onClick event user interactions will speed up by 300ms.
Avoid SM widgets
Try using simple links to services rather than utilizing the JavaScript widgets. They’re performance hogs.
3. SPEEDING-UP PAGE RENDER
![Page 61: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/61.jpg)
RESS* can be a scalpel for your responsive designs.
REsponsive Design + Server Side Components
http://flic.kr/p/a4VsPv
![Page 62: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/62.jpg)
Testing Tools
toolbox, tools
TESTING TOOLS
http://flic.kr/p/4BZsQJ
![Page 63: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/63.jpg)
PERFORMANCE TESTING SITES
MobitestWebPagetest
![Page 64: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/64.jpg)
LEARN TO LOVE THE INSPECTOR
![Page 65: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/65.jpg)
mobile bookmarklet
THE ULTIMATE MOBILE PERFORMANCE BOOKMARKLET
![Page 66: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/66.jpg)
charlesproxy.com
SLOWING THINGS DOWN
ThrottleCharles
![Page 67: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/67.jpg)
charlesproxy.com
EMULATING MOBILE DEVICES
EmulatorsBrowserStack
![Page 68: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/68.jpg)
eBay MobileKarma.com Cellphone store leftoversOpen device labs
GET YOUR HANDS ON REAL DEVICES
http://flic.kr/p/7972f6
![Page 69: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/69.jpg)
Base on:WiFi-capable, Analytics
Rank, OS, Screen Dimensions, & Cost
Suggested focus: iPod Touch, mid-level
Android, high-end Android, a tablet, Blackberry,
Windows Phone 7
HOW TO DECIDE WHICH TO GET
iPod TouchSamsung Fascinate +HTC Thunderbolt +
$438
Example:
![Page 70: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/70.jpg)
ADOBE EDGE INSPECT
(THE APP FORMERLY KNOWN AS ADOBE SHADOW)
![Page 71: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/71.jpg)
Higher education professionals need to think & behave in a
future-friendly way.
Visit: futurefriend.ly
![Page 72: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/72.jpg)
QUESTIONS?
![Page 73: Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices to Respond to the Future](https://reader031.fdocuments.us/reader031/viewer/2022013100/54c7484d4a7959723e8b45b4/html5/thumbnails/73.jpg)
Dave OlsenProfessional TechnologistWest Virginia University
Doug GapinskiStrategistmStoner
@thedougco@dmolsen
THANKS!