Téléchargé 57 fois
Téléchargé parSOAT
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
Le document souligne l'importance du design web responsive pour s'adapter aux différents appareils et tailles d'écran, en mentionnant des statistiques sur l'utilisation des smartphones pour accéder à Internet. Il aborde les défis liés à la performance, la maintenabilité et la compatibilité dans le processus de création de sites web. L'auteur conclut que les sites devraient être conçus comme responsives par défaut pour répondre aux besoins des utilisateurs modernes.
Contenu connexe
Similaire à A la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
- 1. A la découvertedu Responsive Web Design
- 2. Mathieu PARISOT Développeur Webet Java @matparisot https://www.google.com/+ParisotMathieu
- 3.
- 4.
- 5. S'adapter à lataille de l'écran
- 6.
- 7.
- 8. Des milliers decombinaisons…
- 9.
- 22. Bah, ça neme concerne pas tout ça !
- 25. "55 % desamé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%, ils'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 gensutilisent leur smartphone aux toilettes" http://www.11mark.com/IT-in-the-Toilet
- 31. "10% des gensaméricains utilisent leur smartphone pendant qu'ils font l'amour" http://mashable.com/2013/07/11/smartphones-during-sex/
- 32. Comment on peut supporterautant 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.
- 40. Un code HTMLunique !
- 41. Des tailles relatives! % em vh rem vw
- 42.
- 43.
- 44.
- 45. Le 1er siteResponsive ! http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
- 46. Trop facile ! C'esttout ?
- 49.
- 50. S'adapter à sonenvironnement
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63. Des composants graphiquesadaptés
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70. Pas adapté pourtout
- 71.
- 72. Oh mon Dieu, onn'y arrivera jamais !
- 74.
- 75.
- 76.
- 77.
- 79.
- 80.
- 81.
- 82.
- 83. Des estimations poursortir du flou
- 84. Ceux qui ontessayé sont contents
- 85. Site Responsive Site mobile SiteDesktop Apprentissage
- 86. Site Responsive Site mobile SiteDesktop Apprentissage Equipe formée
- 87. Site Responsive Site mobile SiteDesktop Milieu de projet Apprentissage Equipe formée
- 88. Site Responsive Site mobile Finde vie Site Desktop Milieu de projet Apprentissage Equipe formée
- 89.
- 90. Les révolutions sont souventchaotiques
- 91. Vos process vontdérailler…
- 92. Stop à labidouille !
- 93. L'internet fixe est(trop) rapide
- 94. Même pas peur,allons-y !
- 95.
- 96. Trouver les bonnesmétriques
- 97.
- 98.
- 101.
- 102.
- 103. Vos sites doiventêtre responsive par défaut !
- 109.