Strategy 1: Code well and do nothing special for mobile Strategy 2: Make a separate “mobile” site Strategy 3: Build mobileaware adaptive sites The hardest to pulloff methodology is the one that can bring the best of all worlds to your site visitors. A fully mobileaware site has adaptive content that reacts to device capabilities, and is therefore futureproof as it tests features rather than sniffing browsers. sites that are hosted, with readytogo mobile versions served up automatically. these CMS plugins, once installed give you options and themes to make your site mobile ready. templates that have specifically formatted designs and markup for mobile devices. separate CSS layer specifically for mobile devices. layouts that use mediaquery to detect size of the browser, and adjust appropriately. Over several days he forcibly manipulated the layout with CSS media queries, and in turn created initial dynamic layouts for certain desktop browser widths, and various orientations of iPad and iPhone
Taking Your Content Mobile http://www.flickr.com/photos/87919923@N00/346563918/ 30 minute quick intro Dallas Open Camp 2010 HELLO! Jeremy Johnson Director of User Experience for gamestop.com @jeremyjohnson I ♥ mobile Taking Your Content Mobile * blogs micro-blogs magazines marketing brochure information video photos e-commerce applications blogs micro-blogs magazines marketing brochure information video photos e-commerce applications Needs custom experience How many of you have a website? How many of you have a mobile website? Do I need a mobile website? Do I need a mobile website? Maybe?! Tracking! http://www.flickr.com/photos/34838158@N00/3370167184/ http://analytics.percentmobile.com/ https://www.google.com/analytics Testing http://www.flickr.com/photos/93607538@N00/4271429/ http://www.perfectomobile.com/portal/cms/opera.xhtml?key=OP631R89YL2 http://www.opera.com/mobile/demo/ Extra! http://www.flickr.com/photos/33859819@N00/342958601/ http://i.tinysrc.mobi/http://mysite.com/myimage.png http://tinysrc.net/ http://www.sencha.com/ http://nicolasgallagher.com/demo/pure-css-social-media-icons/ http://www.svgcharts.net/Example.aspx?type=line http://www.zingchart.com/flash-and-html5-canvas/#sidebyside-hbar-1 http://www.apple.com/html5/ questions? www.jeremyjohnsononline.com thanks! jeremy johnson @jeremyjohnson ... http://www.flickr.com/photos/42961457@N04/4036087411/ detect script yoursite.com m.yoursite.com detect script yoursite.com m.yoursite.com iphone.yoursite.com http://mobile.tutsplus.com/tutorials/html5/mobile-browser-detection/...HELLO! Jeremy Johnson Director of User Experience for gamestop.com @jeremyjohnson I ♥ mobile Taking Your Content Mobile * blogs micro-blogs magazines marketing brochure information video photos e-commerce... pull-off methodology is the one that can bring the best of all worlds to your site visitors A fully mobile-aware site has adaptive content that reacts to device capabilities, and is therefore future-proof