A la découverte du Responsive Web Design par Mathieu Parisot - Soat
•Télécharger en tant que PPTX, PDF•
0 j'aime•2,272 vues
La présentation présentée par Mathieu Parisot chez Soat le 27 février sur le thème : A la découverte du Responsive Web Design
Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à A la découverte du Responsive Web Design par Mathieu Parisot - Soat
Similaire à A la découverte du Responsive Web Design par Mathieu Parisot - Soat (20)
Plus de SOAT
Plus de SOAT (20)
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
- 1. A la découverte du Responsive Web Design
- 2. Mathieu PARISOT Développeur Web et Java @matparisot https://www.google.com/+ParisotMathieu
- 5. S'adapter à la taille de l'écran
- 8. Des milliers de combinaisons…
- 9. Tant que ça ?
- 22. Bah, ça ne me concerne pas tout ça !
- 25. "55 % des américains ont utilisés un smartphone pour accéder à internet en 2012" Source : http://www.pewinternet.org/Reports/2012/Cell-Internet-Use-2012.aspx
- 26. "Pour 31%, il s'agit de leur mode consultation principal" Source : http://www.pewinternet.org/Reports/2012/Cell-Internet-Use-2012.aspx
- 27. "Plus de 50% des clients Amazon ont acheté depuis leur mobile à noël 2013" Source : http://phx.corporate-ir.net/phoenix.zhtml?c=176060&p=irol-newsArticle&ID=1886961
- 29. "Walmart.ca en RWD : +20% de conversions +98% de vente sur mobile" Src : http://www.getelastic.com/how-walmart-cas-responsive-redesign-boost-conversion-by-20/
- 30. "75% des gens utilisent leur smartphone aux toilettes" http://www.11mark.com/IT-in-the-Toilet
- 31. "10% des gens américains utilisent leur smartphone pendant qu'ils font l'amour" http://mashable.com/2013/07/11/smartphones-during-sex/
- 32. Comment on peut supporter autant de trucs ?
- 33. 1 site dédié aux desktops !
- 34. 1 site dédié aux desktops ! 1 site dédié aux smartphones !
- 35. 1 site dédié aux desktops ! 1 site dédié aux smartphones ! 1 site dédié aux tablettes…
- 36. 1 site dédié aux desktops ! 1 site dédié aux smartphones ! 1 site dédié aux tablettes… 1 site dédié aux TV ?
- 37. 1 site dédié aux desktops ! 1 site dédié aux smartphones ! 1 site dédié aux tablettes… 1 site dédié aux TV ? Oups le PDG a acheté une montre connectée !
- 38. 1 site dédié aux desktops ! 1 site dédié aux smartphones ! 1 site dédié aux tablettes… 1 site dédié aux TV ? Oups le PDG a acheté une montre connectée !
- 39. 1 seul site !
- 40. Un code HTML unique !
- 41. Des tailles relatives ! % em vh rem vw
- 42. Des média queries !
- 43. Des grilles fluides !
- 45. Le 1er site Responsive ! http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
- 46. Trop facile ! C'est tout ?
- 49. Content First
- 50. S'adapter à son environnement
- 59. Les problèmes que tout cela pose…
- 60. La performance
- 62. La compatibilité
- 63. Des composants graphiques adaptés
- 69. Les tests
- 70. Pas adapté pour tout
- 72. Oh mon Dieu, on n'y arrivera jamais !
- 74. Un site unique
- 75. La flexibilité
- 79. Parlons argent !
- 80. ou pas…
- 81. Bluffer ou pas ?
- 83. Des estimations pour sortir du flou
- 84. Ceux qui ont essayé sont contents
- 85. Site Responsive Site mobile Site Desktop Apprentissage
- 86. Site Responsive Site mobile Site Desktop Apprentissage Equipe formée
- 87. Site Responsive Site mobile Site Desktop Milieu de projet Apprentissage Equipe formée
- 88. Site Responsive Site mobile Fin de vie Site Desktop Milieu de projet Apprentissage Equipe formée
- 89. L'apprentissage
- 90. Les révolutions sont souvent chaotiques
- 91. Vos process vont dérailler…
- 92. Stop à la bidouille !
- 93. L'internet fixe est (trop) rapide
- 94. Même pas peur, allons-y !
- 95. Par où commencer ?
- 96. Trouver les bonnes métriques
- 102. Pour conclure…
- 103. Vos sites doivent être responsive par défaut !
- 109. @matparisot Merci !