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.

Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot

2,034 views

Published on

Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot

Présentation de Mathieu Parisot lors du BlendWebMix du 29/10/2014

  • Be the first to comment

  • Be the first to like this

Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot

  1. 1. Dans l'enfer du Web Mobile Un retour d'expérience Mathieu PARISOT
  2. 2. Mathieu PARISOT Développeur Web et Java @matparisot www.google.com/+ParisotMathieu
  3. 3. Pourquoi ?
  4. 4. Problème #0 : La diversité
  5. 5. iOs 5+ Android 2.3 Android 4.x Windows Phone 7.X Windows Phone 8 Blackberry 5+ Bada 1&2 symbian S60
  6. 6. iOs 5+ 6+ Android 2.3 Android 4.x Windows Phone 7.X Windows Phone 8 Blackberry 5+ 7+ Bada 1&2 symbian S60
  7. 7. Problème #1 : Les mises à jour
  8. 8. Rappelez-vous
  9. 9. Sur mobile le navigateur est mis à jour avec le système…
  10. 10. Sep 2013 : 4.4 Jul 2013 : 4.3 Oct 2012 : 4.2 Jun 2012 : 4.1 Oct 2011 : 4.0 Déc 2010 : 2.3 Oct 2009 : 2.0 Sep 2014 : 8.0 Oct 2013 : 7.0 Sep 2012 : 6.0 Jun 2011 : 5.0 Jun 2010 : 4.0 Jun 2009 : 3.0
  11. 11. Pendant ce temps il y a eu 31 versions de Chrome
  12. 12. Bonne nouvelle Android 4+
  13. 13. Mauvaise nouvelle
  14. 14. Mauvaise nouvelle
  15. 15. Pas si grave ! Sauf que…
  16. 16. Problème #2 : La fragmentation
  17. 17. Système (Android 2.3, 4.0, etc.)
  18. 18. Constructeurs (Samsung, HTC, Motorola, Sony, etc.) Système (Android 2.3, 4.0, etc.)
  19. 19. Opérateurs (Orange, SFR, Bouygues, Free, etc.) Constructeurs (Samsung, HTC, Motorola, Sony, etc.) Système (Android 2.3, 4.0, etc.)
  20. 20. Les bogues
  21. 21. L'histoire de l'input "cassé" <input type="text" maxlength="6" name="myField">
  22. 22. Problème #3 : Le débug
  23. 23. iOs 6+
  24. 24. Android avec Chrome
  25. 25. Windows Phone Windows Phone 7.x n'a pas de console js…
  26. 26. Et les autres ? Weinre + jsconsole
  27. 27. Problème #4 : Le réseau
  28. 28. La taille Si votre site fonctionne sur mobile mais fait 10Mo : Vous avez fait tout ça pour rien…
  29. 29. La latence
  30. 30. L'écosystème Il vous faut un réseau wifi (et un port USB) sur lequel vous connecter pendant le développement
  31. 31. Problème #5 : Les quirks
  32. 32. Les champs de saisie iOs input { font-size: 16px; }
  33. 33. Le scrolling
  34. 34. Les clics Click Me !
  35. 35. Le viewport <meta name="viewport" content="width=device-width" /> @-ms-viewport { width: device-width; }
  36. 36. Le support HTML5/CSS3 can i use websql caniuse.org
  37. 37. MERCI
  38. 38. @matparisot

×