{"id":265,"date":"2014-04-27T09:43:34","date_gmt":"2014-04-27T09:43:34","guid":{"rendered":"http:\/\/martingagnon.net\/?p=265"},"modified":"2016-07-20T00:06:31","modified_gmt":"2016-07-20T00:06:31","slug":"boisson-gazeuse","status":"publish","type":"post","link":"https:\/\/martingagnon.net\/portfolio\/boisson-gazeuse\/","title":{"rendered":"Boisson gazeuse"},"content":{"rendered":"<p>Ligne du temps interactive sur l&#8217;histoire de la boisson gazeuse. Int\u00e9grant aussi des \u00e9l\u00e9ments d&#8217;histoire de la fabrication des bouteilles, le probl\u00e8me de la conservation de liquides pressuris\u00e9s ayant provoqu\u00e9 plusieurs innovations dans ce domaine. Les \u00e9l\u00e9ments d&#8217;information sont plac\u00e9s dans des bulles. M\u00eame s&#8217;il s&#8217;agit bien d&#8217;une ligne du temps, l&#8217;accent n&#8217;est pas mis sur les dates comme telles, puisque certains \u00e9v\u00e9nement sont difficiles \u00e0 dater pr\u00e9cis\u00e9ment ou se d\u00e9roulent parfois en parall\u00e8le. C&#8217;est l\u00e0 o\u00f9 le <em>parallax scrolling<\/em>, qui permet de faire d\u00e9rouler les \u00e9l\u00e9ments \u00e0 diff\u00e9rentes vitesses, devient utile pour souligner les \u00e9l\u00e9ments qui se d\u00e9roulent en parall\u00e8le.<\/p>\n<p><a href=\"http:\/\/www.martingagnon.net\/soda\" target=\"_blank\">Visiter le site prototype<\/a><\/p>\n<p>R\u00e9alis\u00e9 dans le cadre du cours <em>Design graphique : Interactivit\u00e9 1<\/em>, 2014.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-269\" src=\"http:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda1.jpg\" alt=\"soda1\" width=\"1318\" height=\"743\" srcset=\"https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda1.jpg 1318w, https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda1-300x169.jpg 300w, https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda1-785x442.jpg 785w\" sizes=\"auto, (max-width: 1318px) 100vw, 1318px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-270\" src=\"http:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda2.jpg\" alt=\"soda2\" width=\"1318\" height=\"743\" srcset=\"https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda2.jpg 1318w, https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda2-300x169.jpg 300w, https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda2-785x442.jpg 785w\" sizes=\"auto, (max-width: 1318px) 100vw, 1318px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-271\" src=\"http:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda3.jpg\" alt=\"soda3\" width=\"1318\" height=\"743\" srcset=\"https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda3.jpg 1318w, https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda3-300x169.jpg 300w, https:\/\/martingagnon.net\/portfolio\/wp-content\/uploads\/2014\/04\/soda3-785x442.jpg 785w\" sizes=\"auto, (max-width: 1318px) 100vw, 1318px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ligne du temps interactive sur l&#8217;histoire de la boisson gazeuse. Int\u00e9grant aussi des \u00e9l\u00e9ments d&#8217;histoire de la fabrication des bouteilles, le probl\u00e8me de la conservation de liquides pressuris\u00e9s ayant provoqu\u00e9 plusieurs innovations dans ce domaine. Les \u00e9l\u00e9ments d&#8217;information sont plac\u00e9s dans des bulles. M\u00eame s&#8217;il s&#8217;agit bien d&#8217;une ligne du temps, l&#8217;accent n&#8217;est pas mis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":267,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,5],"tags":[],"class_list":["post-265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interactivite","category-web"],"_links":{"self":[{"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/posts\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":4,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/posts\/265\/revisions"}],"predecessor-version":[{"id":355,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/posts\/265\/revisions\/355"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/media\/267"}],"wp:attachment":[{"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/media?parent=265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/categories?post=265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/martingagnon.net\/portfolio\/wp-json\/wp\/v2\/tags?post=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}