{"id":64,"date":"2012-07-18T22:15:32","date_gmt":"2012-07-18T21:15:32","guid":{"rendered":"http:\/\/coralia-wsd.com\/site\/?p=64"},"modified":"2012-07-18T22:48:04","modified_gmt":"2012-07-18T21:48:04","slug":"coralia-rwd-cest-quoi","status":"publish","type":"post","link":"http:\/\/www.coralia-wsd.com\/site\/coralia-rwd-cest-quoi\/","title":{"rendered":"Coralia RWD, c&rsquo;est quoi ?"},"content":{"rendered":"<div class=\"l-submain\"><div class=\"l-submain-h g-html i-cf\"><h1>Coralia RWD<\/h1>\n<p>La notion de\u00a0<strong>Responsive Web Design<\/strong>\u00a0(<strong>conception de sites web adaptatifs<\/strong>) regroupe diff\u00e9rents principes et technologies mais il indique globalement qu&rsquo;un site est con\u00e7u pour s&rsquo;adapter aux diff\u00e9rentes tailles d&rsquo;\u00e9cran et aux diff\u00e9rents terminaux permettant d&rsquo;afficher le site (navigateur, tablette, mobile, t\u00e9l\u00e9 connect\u00e9e, &#8230;). Ainsi, les mobinautes pourront avoir une exp\u00e9rience adapt\u00e9e \u00e0 leur terminal sans d\u00e9gradation et sans devoir utiliser les fonctionnalit\u00e9 de zoom (ou un autre type de redimensionnement). Ils pourront consulter la m\u00eame information, mais organis\u00e9e diff\u00e9remment selon le type de terminal utilis\u00e9.<\/p>\n<p>La notion de web responsive r\u00e9volutionne la mani\u00e8re de concevoir les parcours internet puisqu&rsquo;il ne s&rsquo;agit plus ici de concevoir autant de parcours qu&rsquo;il y a de famille de terminaux mais de concevoir une seule interface auto-adaptable. Ainsi, les sources d&rsquo;information et les socles techniques ne sont pas dupliqu\u00e9s. Cela engendre des \u00e9conomies d&rsquo;\u00e9chelles dans la conception et la maintenance de sites internet. L&rsquo;esprit du web responsive est de tourner toujours davantage vers \u00e0 la fois une standardisation du web (normes W3C) et vers une industrialisation de ce march\u00e9 qui progresse vers la maturit\u00e9.<\/p>\n<h2>D&rsquo;abord le mobile, puis une am\u00e9lioration continue<\/h2>\n<p>Puisque les mobiles ne permettent pas toujours d&rsquo;afficher certains types de contenus multim\u00e9dias, l&rsquo;id\u00e9e du web responsive est de cr\u00e9er un site web basique sur les terminaux les plus pauvres et ensuite l&rsquo;am\u00e9liorer pour les usages plus avanc\u00e9s. Ainsi, on bascule d&rsquo;une navigation d\u00e9grad\u00e9e pour les terminaux non classiques \u00e0 une exp\u00e9rience optimale et personnalis\u00e9e<\/p>\n<h2>Technique<\/h2>\n<p>Le concept de web responsive agr\u00e8ge diff\u00e9rentes techniques<\/p>\n<ul>\n<li>feuilles de style CSS permettant d&rsquo;utiliser des dimensions relatives aux dimensions \u00e9crans<\/li>\n<li>solutions de stockage d&rsquo;images adaptables (le poids des images s&rsquo;adaptera directement, c\u00f4t\u00e9 serveur, \u00e0 la qualit\u00e9 de l&rsquo;affichage<\/li>\n<li>ergonomie bas\u00e9e notamment sur l&rsquo;utilisation massive de javascript<\/li>\n<li>usage des nouveaux standards du web (HTML5, CSS3&#8230;)<\/li>\n<\/ul>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Coralia RWD La notion de\u00a0Responsive Web Design\u00a0(conception de sites web adaptatifs) regroupe diff\u00e9rents principes et technologies mais il indique globalement qu&rsquo;un site est con\u00e7u pour s&rsquo;adapter aux diff\u00e9rentes tailles d&rsquo;\u00e9cran et aux diff\u00e9rents terminaux permettant d&rsquo;afficher le site (navigateur, tablette,&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"_links":{"self":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts\/64"}],"collection":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":5,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"predecessor-version":[{"id":308,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/posts\/64\/revisions\/308"}],"wp:attachment":[{"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.coralia-wsd.com\/site\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}