Designing for Mobility
Who Are We?Brian Young           Scotty LoganInterface Designer    IT Architect& Web DeveloperFirst web page: 1998 First w...
Previously...search for #bdconf on twitter & slideshare
TwitterWe’ll make references to twitterEveryone at #bdconf uses twitter Scotty @scottylogan Brian @auracreationsWe’re twee...
WarningMobile developers sometimes use naughty words
Quick SurveyDo you have... iPhone (iPod Touch?) iPad Android (tablet?) Blackberry Palm Pre / Win Phone 7 / smartphone “dum...
Quick SurveyHow many of you are web developers or designers? mobile web developers or designers? native mobile app develop...
Why Mobile MattersMobile web access > non-mobile by 2015Average iPhone user only spends 45% of his on-device time making v...
Why Mobile Matters25% in US only use mobile web; 70% in Egypt59% of people have viewed website on phone,then followed up o...
NetDB by OSiPhoneAndroidWindows MobileiPadSymbianiPodWebOSBlackberryWindows Phone 7
NetDB Active by OSiPhone              5000AndroidWindows Mobile      3750iPad                    2500SymbianiPod          ...
www.stanford.eduMarch - April 2011  iPhone             20000  Android  Win Mobile / WP7   15000  iPad                     ...
US Mobile Market                           Oct ‘10                         Jan ‘11                        May ‘11      30%...
US Smartphone Market                           Oct ‘10                         Jan ‘11                        May ‘11     ...
Global Mobile Market                       2009                 2010           201140%30%20%10%0%      Nokia Samsung   LG ...
Global Smartphone Market                  2009                 2010                 2011 50%37.5% 25%12.5%  0%        Symb...
Speed Matters17% of people will not wait more than5 seconds for a mobile web site to load    Gomez “When Seconds Count”
Speed MattersGoogle breaks downmobile usersinto3 behavior groupsRepetitive nowBored nowUrgent now
Where is mobile used?82% of mobile web use at homeWaiting in lineMost tablet use 6pm - 10pm (in bed?)@lukew #bdconf
Mobile Browser EnvironmentGood Browsers              Not So Good Browsers iOS, Android,              Feature phones and Op...
Mobile is PersonalAnywhere, anytime accessAccess to user location, camera, addressbook, phone functionality, etc.Touch and...
AppsWhat is an App?Everyone wants Apps Do you really need one?Native or Web App?
Native AppCoded in multiple languages, tools: Objective C and XCode (iOS) Eclipse and Java or C++ (Android) ??? and J2ME (...
Web AppCoded in HTML5, CSS 3, and JavascriptDo it once and available everywhereCan be installed on phoneCan be cached loca...
Hybrid SolutionsWrap your web app in a native appDevice access (camera, contacts, etc)Available in app storesOpen source P...
Still need a web siteVisitors and other non local usersSearch Returns links Google does not distinguish between desktop or...
We like the mobile web
So do these people
Next BDConf is coming
Separate Mobile SiteUsed to be the way to do it When devices had very limited browsersMore maintenanceWhat about new devic...
Progressive Enhancement   Deliver a simple site   Enhance it based on the   capabilities of the browser    Media Queries  ...
Responsive DesignWebsite should display content reasonablyregardless of device resolution / orientation fluid grids, CSS 3 ...
Ethan was mostly rightHe was wrong about images  Suggested using largest needed image  Letting the browser resize  Really ...
Mobile First!Luke (@lukew) Wroblewskis Mobile First Talk http://www.lukew.com/ff/entry.asp?1137Mobile constraints improve ...
Desktop vs Mobile
or is it Content First?Site Architecture Many people ignore and forget thisUsing all your content might not be theanswer B...
Why Analytics?Mind reading is no way to basefundamental content decisions      @stephanierieger           #bdconf
Accessibility  If I cant use your awesome website...     Its not really that awesome, is it?              @stephanierieger...
ViewportsMobile browsers default to 960px wide but scaled downFine for desktop sites, not for mobile sitesSet the viewport...
Bad ViewportsPinch and Zoom to
Good ViewportsPinch and Zoom to
Performance and OptimizationMobile devices often suffer from Low bandwidth High latency Unreliable connectivity Slower pro...
How Pages are Fetched           iOS 4.3 uses up          to 4 connections
How Pages are Fetched            Android 2.2           uses up to 11           connections!
Performance RulesAggregate and minimize your CSS and Javascript         But look at all those images!
ImagesResize images on the server WURFL has tools for this http://tinysrc.net/For images used in CSS Base64 encode images,...
TestingEmulators / simulators work, up to a point May need Mac and Windows hostsTest with real devices On real networks (3...
Managing a Mobile SiteContent Management and Maintenance Use database or CMS to manage content Reuse and publish content t...
Mobile Aware Web ProjectSGG funded project, with participants from IT Services University Communications Student AffairsDe...
What were consideringJQuery Mobile for mobile framework UI elements Base styleModernizr for feature detectionMedia queries...
Mobile Framework ShowcaseExamples of mobile aware web developed using amobile framework  JQuery Mobile  http://commencemen...
More Code!http://tinyurl.com/3oyutom
Resourceshttp://www.breakingdc.com/speakers yiibu.com (@stephanierieger) lukew.com (@lukew)Tools and Frameworks jquerymobi...
Image Creditsflickr.com/photos/jschumacher/4273428108/           flickr.com/photos/kenjonbro/3796564454flickr.com/photos/matt...
Q&A
Upcoming SlideShare
Loading in...5
×

Developing for Mobility

2,633
-1

Published on

Presentation for Stanford IT Open House 2011, by Brian Young and Scotty Logan

Published in: Technology, Business
1 Comment
8 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,633
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
55
Comments
1
Likes
8
Embeds 0
No embeds

No notes for slide
  • \n
  • [twitter]starting the mobile web talk, with co-presenter @auracreations[/twitter]\n\n
  • [twitter]describing the awesomeness of #bdconf[/twitter]\n\n
  • \nhttp://www.flickr.com/photos/jschumacher/4273428108/\n\n
  • [twitter]I used naughty words before doing mobile development; now I use more[/twitter]\n\nhttp://www.flickr.com/photos/mattgrimm/2391244100/\n\n
  • http://www.flickr.com/photos/wessexarchaeology/321370565/\n\n
  • did any one web developers / designers drop their hands when asked about mobile? Guess what... you’re mobile developers / designers\n\nhttp://www.flickr.com/photos/wessexarchaeology/321370565/\n\n
  • Morgan Stanley, via http://mashable.com/2010/04/13/mobile-web-stats/\n\nhttp://www.flickr.com/photos/soldiersmediacenter/3729394795/\n
  • Morgan Stanley, via http://mashable.com/2010/04/13/mobile-web-stats/\n\nhttp://www.flickr.com/photos/50101005@N03/4607048471/\n
  • iPhone - >9,300 (~82%)\niPad - 348\nWindows Mobile - 636\nAndroid - 871\n\nIncludes old devices no longer in use\nbased on user selected OS in NetDB\ndoes not include “builtin” OS choice\n\nhttp://www.flickr.com/photos/eszter/478947769/\n\n
  • No Windows Phone 7 or Blackberry showing up\nAgain - not including “built-in” OS\n\nProblematic time for comparison - lots of users are away from campus\n\nhttp://www.flickr.com/photos/eszter/478947769/\n
  • Safari (iPhone, iPad, Android/Webkit) is now 3% of total homepage traffic\nGoogle Analytics does not break out Windows Mobile and Windows Phone 7\nOnly includes browers with javascript enabled\n\nhttp://www.flickr.com/photos/eszter/478947769/\n
  • http://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n\n
  • http://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n
  • http://reviews.cnet.com/8301-19736_7-20031147-251.html\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n
  • http://reviews.cnet.com/8301-19736_7-20031147-251.html\ndoes not include wifi-only iPad and iPod touch\n\nhttp://www.flickr.com/photos/cote/67919646\n
  • [twitter]Gomez When Seconds Count report http://www.gomez.com/wp-content/downloads/GomezWebSpeedSurvey.pdf[/twitter]\n\nhttp://upload.wikimedia.org/wikipedia/commons/d/d0/FA-18_Hornet_breaking_sound_barrier_%287_July_1999%29.jpg\n\n
  • Repetitive now - deleting mail in the morning\nBored now - need something to do while in line, waiting for meeting to start, etc.\nUrgent now - I’m running late, which gate is my plane leaving from?\n\nhttp://www.flickr.com/photos/benlanc/4786607582/\n\n
  • http://www.flickr.com/photos/johanl/5619897608/\n\n\n
  • [twitter]@ppk’s mobile browser feature compatibility list http://quirksmode.org/mobile/[/twitter]\nPeople don't really surf the web using the bad browsers, unless they have to\n\nhttp://www.flickr.com/photos/johanl/4424185115/\n \n
  • http://www.flickr.com/photos/antmcneill/4686147794\n\n
  • Brian Fling @fling #bdconf offers clients a web app for less than full cost, because it’s the right thing to do; client always choose to pay more for a native app\n\nhttp://www.flickr.com/photos/kaioshin/3085642914/\n\n
  • http://www.flickr.com/photos/23379658@N05/3650125866/\n\n
  • Well, mostly everywhere... might need some tweaks\nInstalled web pages have icons like regular apps\nW3C and others are working on device APIs; security remains an issue (for regular web pages)\n\nThere’s standardization work on device APIs at http://www.wacapps.net/web/portal too\n\nhttp://www.flickr.com/photos/schmish/4090562160/\n\n
  • [twitter]native app wrappers for web apps: http://phonegap.com/ and http://appcelerator.com/[/twitter]\nAlso Rhombile, but it uses a custom language\n\nhttp://www.flickr.com/photos/kitkaphotogirl/3516722887\n
  • SEO is all about links\nWhile you can create links to apps (on most devices), they’ll fail horribly if the user doesn’t have the app installed\n\n
  • \n
  • \n
  • \n
  • There may be cases where you have to do this\n\nWe’ll talk about redirects shortly\n\nhttp://www.flickr.com/photos/peterblanchard/3387759956\n\n\n\n
  • [twitter]lynx is the ultimate test of content first / progressive enhancement[/twitter]\n\n\n
  • [twitter]Original Responsive Web Design article: http://www.alistapart.com/articles/responsive-web-design/[/twitter]\n\nhttp://www.flickr.com/photos/kenjonbro/3796564454\n\n
  • [twitter]@grigs’ response to responsive design: http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/[/twitter]\n\nhttp://www.flickr.com/photos/daveknapik/402730950/\n\n
  • [twitter]@lukew’s mobile first talk http://www.lukew.com/ff/entry.asp?1137[/twitter]\n\nhttp://www.flickr.com/photos/radioflyer007/4117675229\n\n
  • \n
  • http://www.flickr.com/photos/wscullin/3770015203/\n\n
  • http://www.flickr.com/photos/mountain-top/3144841264\n
  • While you’re redesigning your site, make sure you keep it accessible\nAvoid fixed viewports\n\nhttp://www.flickr.com/photos/mniemand/3338678704\n
  • http://www.flickr.com/photos/nodomain1/306390955\n
  • Some frameworks do this; many tutorials suggest this\nWorks more like a native app!\n
  • Lets user pinch and zoom to see details, or to make controls more readable and more accessible\n
  • RFC2616 (HTTP 1/.1 specification), section 8.1.4 "Practical Considerations" states:\nA single-user client SHOULD NOT maintain more than 2 connections with any server or proxy\n\nhttp://www.flickr.com/photos/danielfoster/2206175625\n
  • [twitter]Use firebug in firefox, or the web console in Safari / Chrome to see requests made by browser[/twitter]\n\nThis is from blaze.io, but Firebug in Firefox and the web console in Safari / Chrome also provide similar tools\n\n
  • This is from blaze.io, but Firebug in Firefox and the web console in Safari / Chrome also provide similar tools\n\n
  • [twitter]Aggregate & minimize CSS & Javascript, using tools like http://developer.yahoo.com/yui/compressor/ http://refresh-sf.com/yui/[/twitter]\n\n
  • tinysrc and wurfl cache images\n[twitter]Base64 encoding images: http://www.websiteoptimization.com/speed/tweak/inline-images/[/twitter]\n[twitter]CSS sprites: http://www.alistapart.com/articles/sprites/[/twitter]\n\nhttp://www.flickr.com/photos/andersondotcom/482150154\n
  • iOS simulator is part of XCode\nAndroid emulator on Linux, Mac, Windows\nUse desktop browsers with performance tools\nUse YSlow, etc.\n\nhttp://www.flickr.com/photos/konch/4974020028\n\n\n
  • http://www.flickr.com/photos/jemsweb/4363548805\n
  • [twitter]Mobile Aware Web Project http://www.stanford.edu/dept/its/projects/mobile/aware/info/ [/twitter]\n\nhttp://commencement.stanford.edu (June 2011)\nhttp://stanfordwho.stanford.edu (Summer 2011)\nhttp://itservices.stanford.edu (Summer 2011)\nhttp://events.stanford.edu (Summer 2011)\nhttp://news.stanford.edu (Summer 2011)\nhttp://explorecourses.stanford.edu (Summer 2011)\nacademic calendar on registrar site (Summer 2011)\n\nhttp://www.flickr.com/photos/subtleness/18765167/\n\n
  • [twitter]Modernizr - http://www.modernizr.com/ [/twitter]\n[twitter]http://detectmobilebrowser.com/ generate detection scripts for common languages, and mod_rewrite[/twitter]\n\n\nhttp://www.flickr.com/photos/jillclardy/3651849999/\n\n
  • http://www.flickr.com/photos/nocallerid_man/3638360458\n\n
  • \n
  • [twitter]useful mobile sites: http://yiibu.com/ http://lukew.com/ http://quirksmode.com/ [/twitter]\n[twitter]Scotty’s mobile list: https://twitter.com/#!/scottylogan/mobile [/twitter]\n\nhttp://www.flickr.com/photos/bslavin/2260190207\n\n
  • \n
  • http://www.flickr.com/photos/dullhunk/202872717/\n\n
  • Developing for Mobility

    1. 1. Designing for Mobility
    2. 2. Who Are We?Brian Young Scotty LoganInterface Designer IT Architect& Web DeveloperFirst web page: 1998 First web page: 1993First web server: 1998 First web server: 1994
    3. 3. Previously...search for #bdconf on twitter & slideshare
    4. 4. TwitterWe’ll make references to twitterEveryone at #bdconf uses twitter Scotty @scottylogan Brian @auracreationsWe’re tweeting now Search for #suitoh11
    5. 5. WarningMobile developers sometimes use naughty words
    6. 6. Quick SurveyDo you have... iPhone (iPod Touch?) iPad Android (tablet?) Blackberry Palm Pre / Win Phone 7 / smartphone “dumb” / “feature” phone
    7. 7. Quick SurveyHow many of you are web developers or designers? mobile web developers or designers? native mobile app developers? managers of any of the above
    8. 8. Why Mobile MattersMobile web access > non-mobile by 2015Average iPhone user only spends 45% of his on-device time making voice calls
    9. 9. Why Mobile Matters25% in US only use mobile web; 70% in Egypt59% of people have viewed website on phone,then followed up on desktop34% have done the reverse@stephanierieger #bdconf
    10. 10. NetDB by OSiPhoneAndroidWindows MobileiPadSymbianiPodWebOSBlackberryWindows Phone 7
    11. 11. NetDB Active by OSiPhone 5000AndroidWindows Mobile 3750iPad 2500SymbianiPod 1250WebOSBlackberry 0Windows Phone 7 April 2011 July 2011
    12. 12. www.stanford.eduMarch - April 2011 iPhone 20000 Android Win Mobile / WP7 15000 iPad 10000 Symbian iPod 5000 WebOS Blackberry 0 Other April 2011 July 2011
    13. 13. US Mobile Market Oct ‘10 Jan ‘11 May ‘11 30% 22.5% 15% 7.5% 0% Samsung LG Motorola RIM Apple Otherhttp://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share
    14. 14. US Smartphone Market Oct ‘10 Jan ‘11 May ‘11 40% 30% 20% 10% 0% Google RIM Apple Microsoft Palm Otherhttp://www.comscore.com/Press_Events/Press_Releases/2011/3/comScore_Reports_January_2011_U.S._Mobile_Subscriber_Market_Share
    15. 15. Global Mobile Market 2009 2010 201140%30%20%10%0% Nokia Samsung LG RIM Apple Sony E.Motorola ZTE HTC Huawei Others Gartner, February 2011
    16. 16. Global Smartphone Market 2009 2010 2011 50%37.5% 25%12.5% 0% Symbian Google RIM Apple Microsoft Other Gartner, February 2011
    17. 17. Speed Matters17% of people will not wait more than5 seconds for a mobile web site to load Gomez “When Seconds Count”
    18. 18. Speed MattersGoogle breaks downmobile usersinto3 behavior groupsRepetitive nowBored nowUrgent now
    19. 19. Where is mobile used?82% of mobile web use at homeWaiting in lineMost tablet use 6pm - 10pm (in bed?)@lukew #bdconf
    20. 20. Mobile Browser EnvironmentGood Browsers Not So Good Browsers iOS, Android, Feature phones and Opera Mobile, everything else new Blackberry, No support for WebOS HTML5, CSS3 or JS Support most of WP7 for now :-( HTML5, CSS3, JS @ppks mobile browser feature compatibility list http://www.quirksmode.org/mobile/  
    21. 21. Mobile is PersonalAnywhere, anytime accessAccess to user location, camera, addressbook, phone functionality, etc.Touch and gesture controlEven babies can play games on the iPad
    22. 22. AppsWhat is an App?Everyone wants Apps Do you really need one?Native or Web App?
    23. 23. Native AppCoded in multiple languages, tools: Objective C and XCode (iOS) Eclipse and Java or C++ (Android) ??? and J2ME (Blackberry, older devices) Web tool & Javascript, CSS and HTML (WebOS) .Net Studio and C# (Windows Phone 7)Code cannot be reused across platforms :(In app stores, with 300,000 other apps
    24. 24. Web AppCoded in HTML5, CSS 3, and JavascriptDo it once and available everywhereCan be installed on phoneCan be cached locally even work offlineAccess to local storageNo access to camera, contacts, etc (yet)
    25. 25. Hybrid SolutionsWrap your web app in a native appDevice access (camera, contacts, etc)Available in app storesOpen source PhoneGapCommercial Appcelerator Titanium (fewer devices)
    26. 26. Still need a web siteVisitors and other non local usersSearch Returns links Google does not distinguish between desktop or mobile sitesFeature phonesPhones you dont build for
    27. 27. We like the mobile web
    28. 28. So do these people
    29. 29. Next BDConf is coming
    30. 30. Separate Mobile SiteUsed to be the way to do it When devices had very limited browsersMore maintenanceWhat about new devices? Device detection scrambleUsually means a redirect [BAD]
    31. 31. Progressive Enhancement Deliver a simple site Enhance it based on the capabilities of the browser Media Queries Feature detection (Modernizr) JavaScript CSS3 features
    32. 32. Responsive DesignWebsite should display content reasonablyregardless of device resolution / orientation fluid grids, CSS 3 layouts content priority is maintained content adjusted to the viewable space text scaled to maintain content readabilityEthan Marcotte’s articlehttp://www.alistapart.com/articles/responsive-web-design/
    33. 33. Ethan was mostly rightHe was wrong about images Suggested using largest needed image Letting the browser resize Really bad for performanceJason Grigsby: resize images on serverhttp://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
    34. 34. Mobile First!Luke (@lukew) Wroblewskis Mobile First Talk http://www.lukew.com/ff/entry.asp?1137Mobile constraints improve design Limited screen real estate on mobile One distracted eyeball, one fat fingerCut the crap, present only the most importantcontentBetter usability = Better experience!
    35. 35. Desktop vs Mobile
    36. 36. or is it Content First?Site Architecture Many people ignore and forget thisUsing all your content might not be theanswer But mobile users often want it allWhat do mobile users need on your site?Use analytics
    37. 37. Why Analytics?Mind reading is no way to basefundamental content decisions @stephanierieger #bdconf
    38. 38. Accessibility If I cant use your awesome website... Its not really that awesome, is it? @stephanierieger #bdconfMake content accessible by everyoneContent accessibility > Presentation styles
    39. 39. ViewportsMobile browsers default to 960px wide but scaled downFine for desktop sites, not for mobile sitesSet the viewport... carefully
    40. 40. Bad ViewportsPinch and Zoom to
    41. 41. Good ViewportsPinch and Zoom to
    42. 42. Performance and OptimizationMobile devices often suffer from Low bandwidth High latency Unreliable connectivity Slower processorsBrowsers only use 2,4, or 6 connectionsto a site
    43. 43. How Pages are Fetched iOS 4.3 uses up to 4 connections
    44. 44. How Pages are Fetched Android 2.2 uses up to 11 connections!
    45. 45. Performance RulesAggregate and minimize your CSS and Javascript But look at all those images!
    46. 46. ImagesResize images on the server WURFL has tools for this http://tinysrc.net/For images used in CSS Base64 encode images, embed in CSS Use CSS sprites
    47. 47. TestingEmulators / simulators work, up to a point May need Mac and Windows hostsTest with real devices On real networks (3g, Starbucks wifi)In real conditions Outside in sunshine In classrooms
    48. 48. Managing a Mobile SiteContent Management and Maintenance Use database or CMS to manage content Reuse and publish content to multiple locationsWeb Analytics Track usage and behavior Justify the need for mobile optimized sitesContinual Improvement
    49. 49. Mobile Aware Web ProjectSGG funded project, with participants from IT Services University Communications Student AffairsDevelop guidelines and toolsDevelop reference sites, including http://www.stanford.edu/m http://itopenhouse.stanford.edu
    50. 50. What were consideringJQuery Mobile for mobile framework UI elements Base styleModernizr for feature detectionMedia queries for screen size detectionSimple backend device classification mod_rewrite regular expressions FTW! 
    51. 51. Mobile Framework ShowcaseExamples of mobile aware web developed using amobile framework  JQuery Mobile http://commencement.stanford.edu/m JQ Touch http://www.stanford.edu/m Sencha Touch http://www.stanford.edu/group/itopenhouse/m
    52. 52. More Code!http://tinyurl.com/3oyutom
    53. 53. Resourceshttp://www.breakingdc.com/speakers yiibu.com (@stephanierieger) lukew.com (@lukew)Tools and Frameworks jquerymobile.com, sencha.com, etc@grigs, @snookca, @ppk, etc: https://twitter.com/#!/scottylogan/mobile
    54. 54. Image Creditsflickr.com/photos/jschumacher/4273428108/ flickr.com/photos/kenjonbro/3796564454flickr.com/photos/mattgrimm/2391244100/ flickr.com/photos/daveknapik/402730950/flickr.com/photos/wessexarchaeology/321370565/ flickr.com/photos/radioflyer007/4117675229flickr.com/photos/soldiersmediacenter/3729394795/ flickr.com/photos/wscullin/3770015203/flickr.com/photos/50101005@N03/4607048471/ flickr.com/photos/mountain-top/3144841264flickr.com/photos/eszter/478947769/ flickr.com/photos/mniemand/3338678704flickr.com/photos/cote/67919646 flickr.com/photos/nodomain1/306390955flickr.com/photos/benlanc/4786607582/ flickr.com/photos/danielfoster/2206175625flickr.com/photos/johanl/5619897608/ flickr.com/photos/andersondotcom/482150154flickr.com/photos/johanl/4424185115/ flickr.com/photos/konch/4974020028flickr.com/photos/antmcneill/4686147794 flickr.com/photos/jemsweb/4363548805flickr.com/photos/kaioshin/3085642914/ flickr.com/photos/subtleness/18765167/flickr.com/photos/23379658@N05/3650125866/ flickr.com/photos/jillclardy/3651849999/flickr.com/photos/schmish/4090562160/ flickr.com/photos/nocallerid_man/3638360458flickr.com/photos/kitkaphotogirl/3516722887 flickr.com/photos/bslavin/2260190207flickr.com/photos/peterblanchard/3387759956 flickr.com/photos/dullhunk/202872717/
    55. 55. Q&A
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×