Mobile Tools & Browscap Adapting Devices
•
0 recomendaciones•1,023 vistas
The document discusses adapting Drupal websites for mobile users. It covers mobile tools and the Browscap module, which detects mobile devices and browsers. Hands-on examples are provided of a website with different URLs for mobile and desktop. Best practices like optimizing assets and caching are also covered.
Recomendados
Más contenido relacionado
Similar a Mobile Tools & Browscap Adapting Devices
Similar a Mobile Tools & Browscap Adapting Devices (20)
Más de CI&T
Más de CI&T (20)
Último
Último (20)
Mobile Tools & Browscap Adapting Devices
- 1. Mobile Tools & Browscap Adapting to Mobile DrupalDay Campinas" January 28th, 2012" Tiago Takamoto! Software Architect! www.ciandt.com!
- 2. Aligning" Expectations" ! ! • Why this topic?! • What will be covered?! • What will NOT be covered?! • Can I leave?! www.ciandt.com!
- 3. Agenda" " " • Mobile Tools! • Browscap! • Hands-on (Code!)! • Good practices & Libs! ! • Questions! www.ciandt.com!
- 4. Mobile Tools" " • What it really does?! • Current status of it.! • http://drupal.org/project/mobile_tools! www.ciandt.com!
- 5. Mobile Tools" ! • Code Fixes for Integrations - Browscap! ! • Code Fixes for D7! ! • Admin interface! www.ciandt.com!
- 6. Browscap" " ! • So how the magic happens?! • Why Browscap instead of Wurfl?! • http://drupal.org/project/browscap! www.ciandt.com!
- 7. Browscap" ! • Advantages of monitoring! ! • Case with BlackBerry! http://www.useragentstring.com/ _uas_BlackBerry_version_.php! http:// supportforums.blackberry.com/t5/ Web-and-WebWorks-Development/ How-to-detect-the-BlackBerry- Browser/ta-p/559862! ! • Here’s some code! www.ciandt.com!
- 8. Hands On" ! http://labs.ttakamoto.com! http://m.labs.ttakamoto.com! ! • Why different URLs?! ! www.ciandt.com!
- 9. Good Practices" ! • DOCTYPE HTML customized! • Don’t load what’s unused! • Focus on major devices! ! www.ciandt.com!
- 10. Good Practices" ! ! • The Cache Please!!! CI.! • Gzip anyway! • User Agent Switcher! www.ciandt.com!
- 11. Great Tools" ! ! • h#p://jqtouch.com/ • h#p://jquerymobile.com/ • h#p://drupal.org/project/mobile • h#p://developer.yahoo.com/yslow/ www.ciandt.com!
- 12. Adapting to Mobile" ! ! • Experience comes with perseverance! • Dream team for mobile?! • Reusability!! • 80/20! www.ciandt.com!
- 13. Thank You!! Tiago Takamoto" Software Architect! tiago.takamoto@gmail.com! ttakamoto@ciandt.com! www.ciandt.com! www.ciandt.com!
- 14. About Ci&T " Ci&T provides value-driven, Nearshore web and mobile application services and software product engineering. The company’s high-performance teams employ agile methodologies and Lean principles to deliver innovative, value-generating projects for companies of all sizes, by leveraging the latest mobile, cloud and web technologies. A truly global company established in 1995, Ci&T is headquartered in Campinas, Brazil, with strategic locations across Latin America, North America, Europe and the Asia-Pacific region. ! ! For more information, visit:! www.ciandt.com! facebook.com/ciandt! linkedin.com/company/ci&t! twitter.com/ciandt! slideshare.com/ciandt!