{"id":251486,"date":"2023-01-11T08:29:00","date_gmt":"2023-01-11T05:29:00","guid":{"rendered":"https:\/\/inform.click\/tendances-de-la-conception-de-sites-web-mobiles-pourquoi-la-conception-de-sites-web-mobiles-est-la-voie-de-lavenir\/"},"modified":"2023-01-11T08:29:00","modified_gmt":"2023-01-11T05:29:00","slug":"tendances-de-la-conception-de-sites-web-mobiles-pourquoi-la-conception-de-sites-web-mobiles-est-la-voie-de-lavenir","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/tendances-de-la-conception-de-sites-web-mobiles-pourquoi-la-conception-de-sites-web-mobiles-est-la-voie-de-lavenir\/","title":{"rendered":"Tendances de la conception de sites Web mobiles\u00a0: pourquoi la conception de sites Web mobiles est la voie de l&rsquo;avenir\u00a0?"},"content":{"rendered":"<p>\n  La conception de sites Web mobiles est quelque chose que vous connaissez peut-\u00eatre d\u00e9j\u00e0. La tendance de la conception de sites Web, \u00e9galement connue sous le nom de conception de sites Web r\u00e9actifs, n&rsquo;est pas un nouveau concept.\n<\/p>\n<p>\n  L&rsquo;origine de la conception de sites Web mobiles remonte \u00e0 1996, lorsque le pionnier de la conception de sites Web, Glenn Davis, a d\u00e9velopp\u00e9 et popularis\u00e9 la technique de mise en page liquide flexible et adaptable \u00e0 diff\u00e9rentes tailles d&rsquo;\u00e9cran.\n<\/p>\n<p>\n  Les concepteurs de sites Web ont perfectionn\u00e9 la technique au fil des ans.\n<\/p>\n<p>\n  En 2004, le d\u00e9veloppeur Web Cameron Adams a propos\u00e9 une technique appel\u00e9e mise en page d\u00e9pendante de la r\u00e9solution utilisant JavaScript. Il s&rsquo;agissait de d\u00e9tecter la taille de l&rsquo;\u00e9cran des utilisateurs pour afficher la mise en page appropri\u00e9e du site Web.\n<\/p>\n<p>\n  Une autre conceptrice Web, Zoe Gillenwater, a publi\u00e9 un livre Flexible Web Design en 2010 dans lequel elle proposait une mise en page \u00e9lastique pour une apparence coh\u00e9rente des mises en page Web sur plusieurs tailles d&rsquo;\u00e9cran. Au cours de la m\u00eame ann\u00e9e, le d\u00e9veloppeur Web Ethan Marcotte a propos\u00e9 une nouvelle approche de la conception de sites Web flexibles qu&rsquo;il a appel\u00e9e la conception de sites Web r\u00e9actifs.\n<\/p>\n<h5>\n  Conception de sites Web mobiles&nbsp;: le pr\u00e9sent et l&rsquo;avenir<br \/>\n<\/h5>\n<p>\n  La conception de sites Web mobiles utilise une approche de conception Web r\u00e9active. Cela implique d&rsquo;\u00e9crire des codes qui offrent une exp\u00e9rience de visionnage optimale aux utilisateurs qui visitent des sites Web \u00e0 l&rsquo;aide de leurs appareils mobiles.\n<\/p>\n<p>\n  Avec l&rsquo;introduction des smartphones mobiles \u00e0 la fin des ann\u00e9es 2000 par Apple, Samsung, Nokia et Blackberry, les d\u00e9veloppeurs de sites Web ont commenc\u00e9 \u00e0 cr\u00e9er des sites Web pour les petits \u00e9crans. Ils ont utilis\u00e9 une disposition liquide, une disposition d\u00e9pendante de la r\u00e9solution, une conception \u00e9lastique, des grilles fluides, des images flexibles et d&rsquo;autres techniques connues. Il a inaugur\u00e9 une \u00e8re de conception de sites Web mobiles qui est devenue courante aujourd&rsquo;hui parmi les d\u00e9veloppeurs Web et continuera de le faire dans les ann\u00e9es \u00e0 venir.\n<\/p>\n<p>\n  Google a r\u00e9alis\u00e9 l&rsquo;importance croissante de la conception de sites Web mobiles. En 2015, le g\u00e9ant des moteurs de recherche a introduit une mise \u00e0 jour de l&rsquo;algorithme appel\u00e9e <a href=\"https:\/\/inform.click\/fr\/mobilegeddon-provoquera-t-il-une-revolution-dans-la-conception-de-sites-web-mobiles\/\" title=\"Mobilegeddon\">Mobilegeddon<\/a> qui a class\u00e9 les sites Web adapt\u00e9s aux mobiles plus haut dans les r\u00e9sultats de recherche mobiles.\n<\/p>\n<p>\n  Selon <a href=\"https:\/\/developers.google.com\/search\/blog\/2015\/04\/rolling-out-mobile-friendly-update\" target=\"_blank\" rel=\"noopener\">Google<\/a>, les caract\u00e9ristiques d&rsquo;une page Web adapt\u00e9e aux mobiles incluent&nbsp;:\n<\/p>\n<ul>\n<li>Texte lisible qui ne n\u00e9cessite ni zoom ni tapotement\n  <\/li>\n<li>Cibles tactiles espac\u00e9es de mani\u00e8re appropri\u00e9e\n  <\/li>\n<li>\u00c9vitez l&rsquo;affichage de \u00ab\u00a0contenu illisible\u00a0\u00bb tel que le d\u00e9filement horizontal\n  <\/li>\n<\/ul>\n<p>\n  Les d\u00e9veloppeurs de sites Web doivent cr\u00e9er un site Web qui offre une exp\u00e9rience utilisateur (UX) transparente sur plusieurs appareils et \u00e9crans. Et l&rsquo;utilisation du style CSS, des grilles fluides et de la mise en page d\u00e9pendante de la r\u00e9solution aide \u00e0 atteindre cet objectif en cr\u00e9ant des sites Web qui s&rsquo;affichent bien sur diff\u00e9rents appareils.\n<\/p>\n<h5>\n  Pourquoi la conception de sites Web mobiles est-elle importante&nbsp;?<br \/>\n<\/h5>\n<p>\n  La cr\u00e9ation d&rsquo;un site Web adapt\u00e9 aux mobiles offre divers avantages tels qu&rsquo;un trafic am\u00e9lior\u00e9, des conversions accrues et une image professionnelle.\n<\/p>\n<p>\n  Comme la plupart des gens visitent aujourd&rsquo;hui un site Web \u00e0 l&rsquo;aide d&rsquo;appareils mobiles, la conception du site Web doit r\u00e9pondre aux exigences des appareils actuels ainsi qu&rsquo;aux appareils du futur.\n<\/p>\n<p>\n  En 2021, les appareils mobiles repr\u00e9sentaient 92,6 % des pages Web vues dans le monde. Cela signifie que la plupart des gens ne verront probablement que la version mobile du site Web. La tendance est susceptible de se poursuivre \u00e0 l&rsquo;avenir, ce qui rend important pour les d\u00e9veloppeurs Web de ma\u00eetriser la technique.\n<\/p>\n<p>\n  Tendances de conception de sites Web mobiles auxquelles penser\n<\/p>\n<p>\n  Les appareils mobiles ne cessent d&rsquo;\u00e9voluer, obligeant les concepteurs de sites Web \u00e0 s&rsquo;adapter et \u00e0 s&rsquo;ajuster. Il est important de suivre les tendances en mati\u00e8re de conception de sites Web mobiles pour garantir une exp\u00e9rience transparente aux utilisateurs.\n<\/p>\n<p>\n  Nous examinons ici les principales tendances en mati\u00e8re de conception de sites Web mobiles \u00e0 prendre en compte dans les ann\u00e9es \u00e0 venir.\n<\/p>\n<h5>\n  1 Mobile Design pour \u00e9crans pliables<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-325233-6383d52a12cb4.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-325233-6383d52a12cb4.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Les mobiles pliables deviennent de plus en plus populaires. Les derni\u00e8res statistiques montrent qu&rsquo;environ 819 000 t\u00e9l\u00e9phones pliables ont \u00e9t\u00e9 vendus au deuxi\u00e8me trimestre 2021. Les ventes de t\u00e9l\u00e9phones pliables devraient augmenter de 112 % en 2022 pour atteindre 15,9 millions.\n<\/p>\n<p>\n  Alors que Royal FlexiPai \u00e9tait le premier t\u00e9l\u00e9phone pliable, c&rsquo;est le Samsung Galaxy Fold qui a suscit\u00e9 l&rsquo;int\u00e9r\u00eat des consommateurs mondiaux.\n<\/p>\n<p>\n  Les t\u00e9l\u00e9phones pliables ont un \u00e9cran pliable. Les fonctionnalit\u00e9s permettent \u00e0 un t\u00e9l\u00e9phone de servir \u00e0 la fois de smartphone et de table. Cette conception particuli\u00e8re a pr\u00e9sent\u00e9 des opportunit\u00e9s pour des moyens innovants d&rsquo;afficher un site Web. Mais cela a \u00e9galement cr\u00e9\u00e9 de nouveaux d\u00e9fis pour les d\u00e9veloppeurs Web.\n<\/p>\n<p>\n  Concevoir un site Web pour les t\u00e9l\u00e9phones qui se replient horizontalement est particuli\u00e8rement probl\u00e9matique. D\u00e9plier le t\u00e9l\u00e9phone augmente l&rsquo;espace de l&rsquo;\u00e9cran du t\u00e9l\u00e9phone. Les concepteurs de sites Web doivent \u00e9crire des codes de mani\u00e8re \u00e0 ce que le pliage et le d\u00e9pliage du t\u00e9l\u00e9phone ne perturbent pas l&rsquo;affichage du site Web.\n<\/p>\n<p>\n  La typographie est un autre d\u00e9fi pour les concepteurs de sites Web lorsqu&rsquo;il s&rsquo;agit de t\u00e9l\u00e9phones pliables. Selon la taille de l&rsquo;\u00e9cran, les en-t\u00eates, le texte et les colonnes s&rsquo;afficheront diff\u00e9remment. Cela n\u00e9cessite d&rsquo;aller au-del\u00e0 des techniques de conception de sites Web r\u00e9actifs pour int\u00e9grer de nouvelles m\u00e9thodes d&rsquo;affichage correct du site Web.\n<\/p>\n<p>\n  Les d\u00e9veloppeurs de sites Web doivent \u00e9crire des codes qui permettent un changement d&rsquo;affichage transparent lorsque les utilisateurs plient et d\u00e9plient l&rsquo;\u00e9cran.\n<\/p>\n<p>\n  Les d\u00e9veloppeurs de pages Web doivent envisager une <a href=\"https:\/\/inform.click\/fr\/7-caracteristiques-de-la-conception-de-site-web-minimaliste\/\" title=\"approche minimaliste\">approche minimaliste<\/a> lors de la conception de sites Web qui s&rsquo;affichent mieux sur des \u00e9crans pliables. Ils doivent adapter JavaScript et CSS pour relever les d\u00e9fis pr\u00e9sent\u00e9s par la conception pliable.\n<\/p>\n<h5>\n  2 Conception Web pour les t\u00e9l\u00e9phones \u00e0 clapet<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-325233-6383d52e2d6ac.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-325233-6383d52e2d6ac.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Les t\u00e9l\u00e9phones \u00e0 rabat comme le Galaxy Z Flip se plient verticalement contrairement aux t\u00e9l\u00e9phones pliables qui se plient horizontalement. Concevoir un site Web r\u00e9actif pour les t\u00e9l\u00e9phones \u00e0 clapet est plus facile.\n<\/p>\n<p>\n  Vous devez d\u00e9terminer la zone de pliage o\u00f9 l&rsquo;\u00e9cran se divise en deux r\u00e9gions. La ligne de pliage moyenne des \u00e9crans basculants est d&rsquo;environ 1000 pixels de large. Il est important de s&rsquo;assurer que le contenu au-dessus du pli et au-dessous du pli est \u00e9quilibr\u00e9.\n<\/p>\n<p>\n  N&rsquo;essayez pas de mettre trop d&rsquo;informations au-dessus de la ligne de pliage. Les lecteurs doivent pouvoir lire facilement les informations sur la ligne de s\u00e9paration d&rsquo;un t\u00e9l\u00e9phone \u00e0 clapet.\n<\/p>\n<h5>\n  3 R\u00e9alit\u00e9 Augment\u00e9e<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-325233-6383d532c4fb2.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-325233-6383d532c4fb2.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La r\u00e9alit\u00e9 augment\u00e9e n&rsquo;est pour le moment qu&rsquo;un concept pour les t\u00e9l\u00e9phones mobiles. Mais il a le potentiel de d\u00e9coller dans les ann\u00e9es \u00e0 venir.\n<\/p>\n<p>\n  Apple a impl\u00e9ment\u00e9 le capteur LiDAR (Light Detection and Ranging) dans ses derniers mod\u00e8les \u2013 iPhone 12 Pro, iPad Pro et iPad Pro Max. La fonctionnalit\u00e9 permet aux utilisateurs de mesurer des objets en pointant un capteur vers eux, qui tire un faisceau de lumi\u00e8re pour cartographier la zone et les objets \u00e0 l&rsquo;int\u00e9rieur. C&rsquo;est l&rsquo;une des impl\u00e9mentations brutes de la RA dans les t\u00e9l\u00e9phones mobiles.\n<\/p>\n<p>\n  Les concepteurs de sites Web peuvent utiliser les fonctionnalit\u00e9s AR d&rsquo;un t\u00e9l\u00e9phone mobile pour afficher des informations augment\u00e9es. Par exemple, un site Web peut utiliser un capteur LiDAR pour mesurer la surface d&rsquo;un objet et le convertir automatiquement en la m\u00e9trique souhait\u00e9e. Les applications de site Web peuvent \u00e9galement utiliser des fonctionnalit\u00e9s AR pour cr\u00e9er une UX plus immersive et engageante.\n<\/p>\n<h3>\n  Comment s&rsquo;adapter \u00e0 l&rsquo;\u00e9volution des tendances mobiles dans la conception Web<br \/>\n<\/h3>\n<p>\n  Bien que les t\u00e9l\u00e9phones portables \u00e9voluent, les bases de la cr\u00e9ation d&rsquo;un US positif restent les m\u00eames. Les utilisateurs s&rsquo;attendent \u00e0 une exp\u00e9rience transparente sur plusieurs appareils. Les concepteurs Web doivent concevoir le site Web en fonction des caract\u00e9ristiques et des dimensions de l&rsquo;\u00e9cran mobile.\n<\/p>\n<h5>\n  1 Engagement des utilisateurs<br \/>\n<\/h5>\n<p>\n  L&rsquo;engagement des utilisateurs est important lors de la conception d&rsquo;un site Web. Il est important de se concentrer sur une conception qui incite les utilisateurs \u00e0 prendre les mesures requises.\n<\/p>\n<p>\n  Concentrez-vous sur la cr\u00e9ation d&rsquo;une page de destination qui fournit toutes les informations pertinentes de mani\u00e8re organis\u00e9e. De plus, la conception du site Web doit int\u00e9grer des visuels et des \u00e9l\u00e9ments qui attirent l&rsquo;attention des utilisateurs.\n<\/p>\n<h5>\n  2 Mise en page flexible<br \/>\n<\/h5>\n<p>\n  La mise en page flexible est la cl\u00e9 d&rsquo;une conception Web mobile r\u00e9active. La mise en page doit s&rsquo;ajuster automatiquement en fonction de la taille de l&rsquo;\u00e9cran. Il devrait \u00eatre capable d&rsquo;afficher parfaitement le contenu \u00e0 la fois dans les smartphones traditionnels et dans les derniers t\u00e9l\u00e9phones pliables et rabattables.\n<\/p>\n<p>\n  Vous devez vous assurer que le site Web s&rsquo;affiche correctement sur les tablettes et les smartphones.\n<\/p>\n<p>\n  L&rsquo;accent doit \u00eatre mis sur l&rsquo;optimisation de l&rsquo;exp\u00e9rience de navigation sur le site Web mobile dans un espace limit\u00e9. Les utilisateurs doivent pouvoir lire facilement le contenu sans rien faire. Les images doivent \u00eatre mises \u00e0 l&rsquo;\u00e9chelle en fonction d&rsquo;un pourcentage de la largeur de l&rsquo;\u00e9cran du navigateur mobile.\n<\/p>\n<p>\n  La conception du site Web mobile doit \u00eatre adaptable. Il est recommand\u00e9 de cr\u00e9er plusieurs versions d&rsquo;un site Web pour diff\u00e9rentes largeurs de navigateur. Vous pouvez cr\u00e9er une mise en page de 500 pixels, 500-800 pixels et plus de 800 pixels. La cr\u00e9ation de plusieurs mises en page est g\u00e9n\u00e9ralement plus facile \u00e0 concevoir et \u00e0 tester par rapport \u00e0 la m\u00e9thode de mise \u00e0 l&rsquo;\u00e9chelle fluide.\n<\/p>\n<h5>\n  Navigation \u00e0 3 gestes<br \/>\n<\/h5>\n<p>\n  La plupart des gens pr\u00e9f\u00e8rent interagir avec un site Web en utilisant leurs doigts. Une conception de site Web mobile devrait permettre aux utilisateurs de pincer pour effectuer un zoom avant et arri\u00e8re sur la page. Au lieu de naviguer dans les images d&rsquo;une galerie \u00e0 l&rsquo;aide de petits boutons, vous devez autoriser les utilisateurs \u00e0 faire d\u00e9filer en balayant vers la gauche et vers la droite.\n<\/p>\n<p>\n  Une consid\u00e9ration importante lors de la conception d&rsquo;un site Web pour les petits \u00e9crans est la largeur des doigts des utilisateurs. Apple recommande que l&rsquo; <a href=\"https:\/\/www.smashingmagazine.com\/2012\/02\/finger-friendly-design-ideal-mobile-touchscreen-target-sizes\/\" target=\"_blank\" rel=\"noopener\">\u00e9l\u00e9ment d&rsquo;interface utilisateur tactile<\/a> soit sup\u00e9rieur \u00e0 44 pixels. En revanche, Google sugg\u00e8re 34 pixels pour l&rsquo;\u00e9l\u00e9ment d&rsquo;interface utilisateur tactile. Mais assurez-vous que la cible tactile de votre conception de sites Web mobiles ne soit pas inf\u00e9rieure \u00e0 24 pixels.\n<\/p>\n<h5>\n  4 Testez la conception<br \/>\n<\/h5>\n<p>\n  Les concepteurs Web doivent tester la conception du site Web sur plusieurs tailles d&rsquo;\u00e9cran et navigateurs. Vous devez tester le site Web sur tous les navigateurs Web disponibles. Afficher un message invitant les utilisateurs \u00e0 utiliser un navigateur sp\u00e9cifique est une attitude paresseuse vis-\u00e0-vis de la conception de sites Web mobiles. Cela ali\u00e9nera de nombreux utilisateurs qui pr\u00e9f\u00e9reront ne pas naviguer sur le site Web au lieu d&rsquo;installer un navigateur diff\u00e9rent uniquement pour afficher votre site Web.\n<\/p>\n<p>\n  Vous devriez \u00e9galement envisager de tester la conception du site Web sur plusieurs tailles d&rsquo;\u00e9cran. C&rsquo;est la meilleure approche qui garantira que votre site Web s&rsquo;affiche au mieux, quel que soit le t\u00e9l\u00e9phone utilis\u00e9 pour naviguer sur votre site Web.\n<\/p>\n<p>\n  Si vous ne pouvez pas vous permettre d&rsquo;acheter diff\u00e9rents appareils mobiles, une autre approche moins pr\u00e9cise consiste \u00e0 utiliser l&rsquo;outil de redimensionnement de Google. Cette application vous permet de pr\u00e9visualiser votre site Web sur diff\u00e9rents appareils mobiles.\n<\/p>\n<h5>\n  5 Impl\u00e9menter CSS Media Query<br \/>\n<\/h5>\n<p>\n  CSS Media Query est un type de code de conception de site Web qui lui permet de s&rsquo;adapter automatiquement en fonction de l&rsquo;\u00e9cran. Le code vous permet d&rsquo;appliquer CSS uniquement lorsqu&rsquo;une condition sp\u00e9cifique est remplie. Par exemple, vous pouvez utiliser des requ\u00eates multim\u00e9dias pour cr\u00e9er une r\u00e8gle pour impl\u00e9menter un style sp\u00e9cifique lorsque la taille de l&rsquo;\u00e9cran est de 320 px ou moins. La mise en page du site Web s&rsquo;ajustera automatiquement lorsque la condition sp\u00e9cifi\u00e9e sera remplie.\n<\/p>\n<p>\n  L&rsquo;utilisation de CSS Media Query vous permet d&rsquo;appliquer un style lorsque l&rsquo;environnement de l&rsquo;appareil et du navigateur correspond aux conditions. Ils vous permettent de cr\u00e9er diff\u00e9rentes mises en page pour diff\u00e9rentes tailles d&rsquo;\u00e9cran et navigateurs d&rsquo;appareils. Une requ\u00eate multim\u00e9dia simple appara\u00eet comme suit.\n<\/p>\n<pre><code>@media media-type and (media-feature-rule) {\n  \/*specific CSS conditions*\/\n}<\/code><\/pre>\n<p>\n  Dans le code ci-dessus, le type de m\u00e9dia sp\u00e9cifie le type de code m\u00e9dia au navigateur. La r\u00e8gle de fonctionnalit\u00e9 multim\u00e9dia sp\u00e9cifie que le code contient des conditions qui doivent \u00eatre remplies pour ex\u00e9cuter le code. Vous pouvez ensuite sp\u00e9cifier les conditions CSS pour afficher des mises en page sp\u00e9cifiques en fonction de l&rsquo;\u00e9cran mobile et du navigateur utilis\u00e9 pour acc\u00e9der au site Web.\n<\/p>\n<h4>\n  Conclusion<br \/>\n<\/h4>\n<p>\n  \u00c0 mesure que l&rsquo;interface et les mises en page des appareils mobiles \u00e9voluent, les concepteurs de sites Web doivent \u00e9galement d\u00e9velopper de nouvelles fa\u00e7ons d&rsquo;afficher le site Web. L&rsquo;\u00e9mergence de nouvelles conceptions de t\u00e9l\u00e9phones n\u00e9cessite un recentrage sur l&rsquo;interface utilisateur pour cr\u00e9er une UX transparente.\n<\/p>\n<p>\n  L&rsquo;UX est la chose la plus importante en mati\u00e8re de conception de sites Web mobiles. Les concepteurs Web doivent cr\u00e9er une conception de site Web r\u00e9actif tout en tenant compte des exigences des utilisateurs qui naviguent sur des sites \u00e0 l&rsquo;aide de diff\u00e9rents appareils mobiles.\n<\/p>\n<p>\n  Les d\u00e9veloppeurs Web doivent suivre les tendances de la conception Web mobile. Ils doivent viser une UX mobile positive car cela am\u00e9liorera le classement SEO, apportera plus de trafic et augmentera les taux de conversion.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Source d&rsquo;enregistrement: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La conception de sites Web mobiles est quelque chose que vous connaissez peut-\u00eatre d\u00e9j\u00e0. La tendance de la conception de sites Web, \u00e9galement connue sous le nom de conception de sites Web r\u00e9actifs, n&rsquo;est pas un nouveau concept. L&rsquo;origine de la conception de sites Web mobiles remonte \u00e0 1996, lorsque le pionnier de la conception de sites Web, Glenn Davis, a d\u00e9velopp\u00e9 et popularis\u00e9 la technique de mise en page liquide flexible et adaptable \u00e0 diff\u00e9rentes tailles d&rsquo;\u00e9cran. Les concepteurs de sites Web ont perfectionn\u00e9 la technique au fil des ans. En 2004, le d\u00e9veloppeur Web Cameron Adams a propos\u00e9 une technique appel\u00e9e mise en page d\u00e9pendante de la r\u00e9solution utilisant JavaScript. Il s&rsquo;agissait de d\u00e9tecter la taille de l&rsquo;\u00e9cran des utilisateurs pour afficher le site web appropri\u00e9&#8230;<\/p>\n","protected":false},"author":1,"featured_media":180172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[197,522,691,600,54],"tags":[],"class_list":["post-251486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-de-sites-web","category-divers-fr","category-portable","category-technologie-et-plus","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251486"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/180172"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}