{"id":1342,"date":"2016-04-23T17:42:02","date_gmt":"2016-04-23T17:42:02","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1342"},"modified":"2016-04-23T17:42:02","modified_gmt":"2016-04-23T17:42:02","slug":"les-tendances-du-webdesign-en-2016-infographie","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/les-tendances-du-webdesign-en-2016-infographie\/","title":{"rendered":"Les tendances du WebDesign en 2016 | Infographie"},"content":{"rendered":"<p>Cette infographie vous mettre les tendances du webdesign en 2016.<\/p>\n<p>On peut noter que le visuel est toujours aussi important avec les images en full-width.<\/p>\n<p>Le Split layout va aussi monter mais il ne s&rsquo;appliquera pas \u00e0 tous les environnements<\/p>\n<p>Cette infographie montre aussi que l&rsquo;exp\u00e9rience utilisateur est au centre du web design.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/02\/2016-Web-design-trends.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1343\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/02\/2016-Web-design-trends.jpg\" alt=\"Les tendances du webdesign en 2016\" width=\"800\" height=\"4177\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/10-typographies-gratuites-pour-les-titres\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/headerfont1-300x187.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/10-typographies-gratuites-pour-les-titres\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 10 Typographies Gratuites pour les titres de vos sites web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1340<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans cet article je vous propose \u00a0une petite s\u00e9lection de 10\u00a0polices gratuites pour agr\u00e9menter vos\u00a0titres\r\n\r\n1) Mohave (r\u00e9alis\u00e9e par le designer Gumpita Rahayu)\r\n\r\n\r\n- T\u00e9l\u00e9charger la typographie -\r\n\r\n---------------------------\r\n\r\n2) Dense (r\u00e9alis\u00e9e par Charles Daoud)\r\n\r\n\r\n- T\u00e9l\u00e9charger la typographie -\r\n---------------------------\r\n\r\n3) Chivo  (r\u00e9alis\u00e9e par Omnibus Type)\r\n\r\n\r\n- T\u00e9l\u00e9charger la typ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/4-combinaisons-typographies-elegantes-et-feminines-gratuites-du-web\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/PlayballPT-sans-300x187.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/4-combinaisons-typographies-elegantes-et-feminines-gratuites-du-web\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 4 combinaisons typographiques \u00e9l\u00e9gantes et f\u00e9minines gratuites pour vos sites web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2844<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un exemple de 4 combinaisons \u00e9l\u00e9gantes et f\u00e9minines que vous pouvez utiliser pour votre site internet\r\n\r\nVous pouvez les trouver sur le site de Google Fonts\r\n\r\nCombinaison 1 : Josefin Sans + Merriweather\r\n\r\n\r\n\r\nCombinaison 2 : Playfair Display + Lora\r\n\r\n\r\n\r\n\r\n\r\nCombinaison 3 : Old Standard + Gudea\r\n\r\n\r\n\r\nCombinaison 4 : Playball + PT sans\r\n\r\n\r\n\r\n==============================================...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quel-est-le-meilleur-moment-pour-poster-un-post-sur-les-reseaux-sociaux\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/meilleurs-moments-publier-re\u0301seaux-sociaux-300x187.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quel-est-le-meilleur-moment-pour-poster-un-post-sur-les-reseaux-sociaux\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quel est le meilleur moment pour poster un article sur les r\u00e9seaux sociaux  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 138<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Au moment\u00a0 de partager votre contenu (images, photos, textes, liens, vid\u00e9o...) sur les r\u00e9seaux sociaux, vous vous \u00eates s\u00fbrement pos\u00e9 la question : quel est le meilleur moment pour optimiser chacune de mes publications ?\r\n\r\nCette infographie r\u00e9pondra \u00e0 cette question en mettant en avant les meilleurs et les pires moments ainsi que le pic d'audience\r\n\r\n-------\r\nFACEBOOK\r\n- Meilleur moment pour poste...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/position-inverser-le-hook-displayhome-et-displayhometab-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-prestashop-hook-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/position-inverser-le-hook-displayhome-et-displayhometab-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> POSITION : inverser le hook displayHome et DisplayHomeTab |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2559<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tuto va vous permettre d'inverser le hook\u00a0displayHome et hookDisplayHomeTab, situ\u00e9 sur la page d'accueil de Prestashop\r\n\r\nA la base voici comment\u00a0sont positionn\u00e9s les deux hooks \u00a0:\r\n\r\n\r\n\r\n\r\nComment\u00a0inverser ses deux hooks ?\u00a0\r\n1. Ouvrez le fichier index.tpl qui se situe dans themes > lenomdevotretheme > index.tpl\r\n\r\n2. Mettre le code suivant :\r\n\r\nAvant\r\n\r\n3. Voici le code dans sa totalit\u00e9\r...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/centrer-votre-menu-dans-prestashop-1-6\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272-400x226.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/centrer-votre-menu-dans-prestashop-1-6\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Astuce : Centrer votre menu dans Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4138<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n\r\n\r\nComment centrer le menu sur ma boutique Prestashop ?\u00a0\r\nIl y a q'un seul fichier \u00e0 modifier : superfish-modified.css\u00a0 qui appartient au module blocktopmenu\r\n\r\n\r\n\r\n1) Dans .sf-menu, ajouter text-align:center\r\n\r\n2) Dans .sf-menu > li, remplacer float:lef...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Cette infographie vous mettre les tendances du webdesign en 2016. On peut noter que le visuel est toujours aussi important avec les images en full-width. Le Split layout va aussi monter mais il ne s&rsquo;appliquera pas \u00e0 tous les environnements Cette infographie montre aussi que l&rsquo;exp\u00e9rience utilisateur est au centre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1344,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1342"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=1342"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1342\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1344"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}