Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tame the Mobile Web       Yves Van Goethem — @yvg
BlackBerry                12%                 Safari Mobile                                        20%Android Browser     ...
WebKit Web InspectorIE Developer Toolbar
Master the whip
https://www.mozilla.org/en-US/mobile/
http://www.opera.com/developer/tools/mobile/
http://www.opera.com/mobile/demo/
www.microsoft.com/download/en/details.aspx?displaylang=en&id=27570
http://developer.android.com/sdk/index.html
https://developer.palm.com/content/resources/develop/sdk_pdk_download.html
http://www.developer.nokia.com/info/sw.nokia.com/id/e22963ec-3d9e-43f2-a220-3ef4c4092cc7/                                 ...
http://www.mobilexweb.com/emulators
Backstage secrets
http://www.blaze.io/mobile/
Mobile Perf Bookmarklethttp://stevesouders.com/mobileperf/mobileperfbkm.php
Network Link Conditioner         Mac OS X Lion
http://www.charlesproxy.com/
http://richchetwynd.com/2010/05/javascript-debugging-on-android-browser/
Enter the arena
http://itunes.apple.com/us/app/bugaboo/id388890428?mt=8
http://phonegap.github.com/weinre/
http://dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly/
http://blog.collinsmichaelg.com/2009/12/07/playing_with_crossfire         http://getfirebug.com/wiki/index.php/Crossfire
Care & maintenance
Code conventions
Defensive programming
Unit tests(QUnit, Test::Unit, PyTest,…)
Functional tests(Selenium, iMacros, PhantomJS,…)
Agile methodologies
Yves Van Goethem — @yvgIllustrations by @cheekfille licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 ...
Tame The Mobile Web
Tame The Mobile Web
Tame The Mobile Web
Tame The Mobile Web
Upcoming SlideShare
Loading in …5
×

Tame The Mobile Web

1,960 views

Published on

My translated slides for "Dompter Le Web Mobile" about what tools exists to debug and simulate mobile browsers.
Illustrations are by @cheekfille

  • Be the first to comment

Tame The Mobile Web

  1. 1. Tame the Mobile Web Yves Van Goethem — @yvg
  2. 2. BlackBerry 12% Safari Mobile 20%Android Browser 19% Nokia 20% Opera NetFront 25% 4% http://statcounter.com/
  3. 3. WebKit Web InspectorIE Developer Toolbar
  4. 4. Master the whip
  5. 5. https://www.mozilla.org/en-US/mobile/
  6. 6. http://www.opera.com/developer/tools/mobile/
  7. 7. http://www.opera.com/mobile/demo/
  8. 8. www.microsoft.com/download/en/details.aspx?displaylang=en&id=27570
  9. 9. http://developer.android.com/sdk/index.html
  10. 10. https://developer.palm.com/content/resources/develop/sdk_pdk_download.html
  11. 11. http://www.developer.nokia.com/info/sw.nokia.com/id/e22963ec-3d9e-43f2-a220-3ef4c4092cc7/ Nokia_Web_Tools.html
  12. 12. http://www.mobilexweb.com/emulators
  13. 13. Backstage secrets
  14. 14. http://www.blaze.io/mobile/
  15. 15. Mobile Perf Bookmarklethttp://stevesouders.com/mobileperf/mobileperfbkm.php
  16. 16. Network Link Conditioner Mac OS X Lion
  17. 17. http://www.charlesproxy.com/
  18. 18. http://richchetwynd.com/2010/05/javascript-debugging-on-android-browser/
  19. 19. Enter the arena
  20. 20. http://itunes.apple.com/us/app/bugaboo/id388890428?mt=8
  21. 21. http://phonegap.github.com/weinre/
  22. 22. http://dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly/
  23. 23. http://blog.collinsmichaelg.com/2009/12/07/playing_with_crossfire http://getfirebug.com/wiki/index.php/Crossfire
  24. 24. Care & maintenance
  25. 25. Code conventions
  26. 26. Defensive programming
  27. 27. Unit tests(QUnit, Test::Unit, PyTest,…)
  28. 28. Functional tests(Selenium, iMacros, PhantomJS,…)
  29. 29. Agile methodologies
  30. 30. Yves Van Goethem — @yvgIllustrations by @cheekfille licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. Content licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

×