{"id":6018,"date":"2016-12-16T07:00:25","date_gmt":"2016-12-16T06:00:25","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6018"},"modified":"2016-12-16T07:56:43","modified_gmt":"2016-12-16T06:56:43","slug":"la-semaine-en-pixels-16-decembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 16 d\u00e9cembre 2016"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d&rsquo;interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l&rsquo;inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n<p>Au programme : AMP, Facebook Instant Articles et Apple News, processus de d\u00e9cision,\u00a0designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client, performance des font-icons, stockage dans le navigateur et tests utilisateurs. Du c\u00f4t\u00e9 des tutoriels un peu de CSS, progressive web app et d&rsquo;accessibilit\u00e9 et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.<\/p>\n<p>Pour plus de liens chaque matin vous pouvez <a href=\"https:\/\/twitter.com\/WalterStephanie\">me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n<h2>tl;dnr, s&rsquo;il devait n&rsquo;en rester qu&rsquo;un ?<\/h2>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/www.viget.com\/articles\/your-guide-to-mobile-publishing-formats-amp-facebook-instant-articles-and-apple-news\">Your Guide to Mobile Publishing Formats: AMP, Facebook Instant Articles, and Apple News.<\/a> donc en r\u00e9sum\u00e9 on est pass\u00e9 de sites mdot au responsive a des sites responsives trop lourds et trop gros a cause entre autre des possibilit\u00e9s et au lieu de r\u00e9gler ce probl\u00e8me on offre gracieusement nos contenus \u00e0 des plateformes priv\u00e9es pour qu\u2019elles se chargent de l\u2019afficher de mani\u00e8re plus performante que nos sites devenus trop lents et trop lourds. Y a un truc qui tourne pas rond la ou c\u2019est juste moi ?<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6021\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/amp-articles.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/amp-articles.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/amp-articles-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#D\u00e9cision<\/p>\n<p><a href=\"http:\/\/uxmas.com\/2016\/how-feeling-confident-triggers-our-decision-making\/#.WEpYsqvDVSo.twitter\">Before You Know It: How Feeling Confident Triggers Our Decision-Making<\/a>, une grande partie de nos d\u00e9cisions sont prises avant que l\u2019on en ai conscience, \u00eatre confiant joue \u00e9galement un r\u00f4le dans la prise de ces d\u00e9cisions<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6025\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/confidence.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/confidence.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/confidence-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Process<\/p>\n<p><a href=\"http:\/\/uxmas.com\/2016\/why-its-okay-to-reinvent-the-wheel\/\">Why it\u2019s Okay to Reinvent the Wheel<\/a>, parfois il est utile et n\u00e9cessaire de r\u00e9inventer la roue<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6044\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/wheel.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/wheel.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/wheel-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Process #Design<\/p>\n<p><a href=\"https:\/\/blog.brand.ai\/how-to-share-a-design-system-in-sketch-1-3-245308f2d7f1#.rrzbaoesa\">\u201cHow to Share a Design System in Sketch, Part 1: Cloud Services\u201d<\/a>, ou comment partager ses designs et collaborer en \u00e9quipe sur Sketch<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6037\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/sketch-cloud.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketch-cloud.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketch-cloud-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/www.stackbuilders.com\/news\/bem-and-maintainable-css\">BEM and Maintainable CSS<\/a>, une m\u00e9thodologie CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6023\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/bem-css.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/bem-css.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/bem-css-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS #Typography #Responsive<\/p>\n<p><a href=\"https:\/\/24ways.org\/2016\/responsive-display-text\/\">Get the Balance Right: Responsive Display Text<\/a>. De la typographie responsive avec des viewport units. Int\u00e9ressant mais je me demande si agrandir autant la typographie sur un tr\u00e8s grand \u00e9cran est une bonne id\u00e9e niveau lisibilit\u00e9.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6043\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/text-responsive.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/text-responsive.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/text-responsive-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Process<\/p>\n<p><a href=\"https:\/\/medium.com\/sketch-app-sources\/10-things-to-keep-in-mind-working-with-sketch-zeplin-developers-will-thank-you-a80e84c00bc2#.j5wigi8oe\">10 things to keep in mind working with Sketch &amp; Zeplin. Developers will thank you!<\/a>, 10 astuces tr\u00e8s pratiques pour travailler avec Sketch et Zeplin<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6039\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/sketch-zeplin.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketch-zeplin.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketch-zeplin-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Psychologie #UX<\/p>\n<p><a href=\"https:\/\/medium.com\/@daverothschild\/use-this-simple-psychology-rule-to-improve-your-customer-experience-41aa4f3f2124#.ouc7y4xxt\">Use this simple psychology rule to improve your customer experience<\/a>, les utilisateurs se souviennent de la fin d\u2019une exp\u00e9rience et de la partie la plus intense.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6030\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/improve-crx.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/improve-crx.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/improve-crx-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/csswizardry.com\/2016\/12\/css-shorthand-syntax-considered-an-anti-pattern\/\">CSS Shorthand Syntax Considered an Anti-Pattern<\/a> par <a href=\"https:\/\/twitter.com\/csswizardry\">@csswizardry<\/a>, parfois utiliser les propri\u00e9t\u00e9s raccourcies peut engendrer des soucis plus tard dans le code<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6027\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/css-shortand.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/css-shortand.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/css-shortand-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Perfomance Font<\/p>\n<p><a href=\"https:\/\/pixelambacht.nl\/2016\/font-awesome-fixed\/\">Saving the internet 2000 terabytes a day: fixing Font Awesome&rsquo;s fonts<\/a>, gagner de pr\u00e9cieux Mega en r\u00e9duisant le poids de Font Awesome, lisez \u00e9galement les commentaires tr\u00e8s pertinents en bas de l\u2019article<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6031\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/internet-terrabytes.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/internet-terrabytes.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/internet-terrabytes-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Usability<\/p>\n<p><a href=\"http:\/\/baymard.com\/blog\/zip-code-auto-detection\">Checkout Usability: Auto-Detect &lsquo;City&rsquo; and &lsquo;State&rsquo; Inputs Based on the User&rsquo;s Postal Code (60% of Sites Don&rsquo;t)<\/a> auto-d\u00e9tecter le ville en se basant sur le code postale de l\u2019utilisateur, beaucoup de sites ne le font pas<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6035\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/post-code.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/post-code.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/post-code-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design #Sketch<\/p>\n<p><a href=\"http:\/\/blog.invisionapp.com\/start-sketch-design\/\">5 things to do before starting your next design file in Sketch<\/a>, 5 choses \u00e0 faire avant de se lancer dans votre prochain design sous sketch. Fonctionne aussi pour d\u2019autres logiciels.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6038\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/sketch-design.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketch-design.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketch-design-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Data<\/p>\n<p><a href=\"https:\/\/medium.com\/dropbox-design\/design-words-with-data-fe3c525994e7#.al5xmlrmg\">Design words with data<\/a>, des outils et techniques pour optimiser le wording de vos sites et interfaces<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6028\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/design-data.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/design-data.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/design-data-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Storage<\/p>\n<p><a href=\"https:\/\/bitsofco.de\/an-overview-of-client-side-storage\/\">An Overview of Client-Side Storage<\/a>, article tr\u00e8s bien d\u00e9taill\u00e9 sur le type de stockage que l\u2019on peut utiliser dans le navigateur<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6041\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/storage.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/storage.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/storage-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Snapchat #Design<\/p>\n<p><a href=\"http:\/\/secretcave.co\/snapchat-design\/\">Snapchat\u2019s Design and the Ephemerality of Modern Life \u2014 secret cave<\/a>, un autre article sur le design plut\u00f4t non conventionnel de Snapchat<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6040\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/snapchat.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/snapchat.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/snapchat-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Process<\/p>\n<p><a href=\"https:\/\/medium.com\/tradecraft-traction\/youre-a-strong-beautiful-user-and-you-deserve-more-60a27c8cc81d#.lfugil6yx\">You\u2019re a strong, beautiful user and you deserve more<\/a>, du guerilla user testing de l\u2019application IFTTT<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6029\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/designer-interview.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/designer-interview.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/designer-interview-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Process<\/p>\n<p><a href=\"https:\/\/m.signalvnoise.com\/more-work-worse-outcome-52837a524221#.tn5vhac16\">More work, worse outcome<\/a> parce que parfois il ne faut pas travailler plus mais travailler mieux.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6045\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/worsework.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/worsework.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/worsework-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Web History<\/p>\n<p>Jeremy Keith a \u00e9crit un livre intitul\u00e9 \u00a0<a href=\"https:\/\/resilientwebdesign.com\/\">Resilient Web Design<\/a> qui revient sur diff\u00e9rentes approches du web design \u00e0 travers les ann\u00e9es<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6036\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/resilient-webdesign.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/resilient-webdesign.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/resilient-webdesign-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/www.sitepoint.com\/seven-ways-you-can-place-elements-using-css-grid-layout\/\">Seven Ways You Can Place Elements Using CSS Grid Layout<\/a>, utiliser Grid Layout pour placer les \u00e9l\u00e9ments de 7 fa\u00e7ons sur une grille CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6026\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/css-grid.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/css-grid.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/css-grid-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Progressive Web Apps<\/p>\n<p>Ou comment <a href=\"https:\/\/cloudfour.com\/thinks\/hey-hey-cloud-four-is-a-pwa\/\">cloudfour a \u00e9t\u00e9 transform\u00e9 en Progressive Web App<\/a>, avec du support offline, des notifications, etc.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6024\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/cloud-pwa.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cloud-pwa.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cloud-pwa-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#JS #A11Y<\/p>\n<p><a href=\"https:\/\/remysharp.com\/2016\/12\/11\/how-tabs-should-work\">How tabs should work<\/a>, un petit tutoriel sur le fonctionnement des onglets dans le navigateur<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6042\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/tbs.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/tbs.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/tbs-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Talk #Conference<\/p>\n<p><a href=\"https:\/\/pusher.com\/sessions\">Sessions<\/a> rassemble des videos de conf\u00e9rence meetup front-end, back-end et cr\u00e9atives<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6022\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/back-end-talk.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/back-end-talk.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/back-end-talk-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Clients<\/p>\n<p><a href=\"http:\/\/jessicahische.is\/helpingyouanswer\">Jessica Hische a cr\u00e9\u00e9 un outil pratique (en anglais) pour r\u00e9pondre plus rapidement aux demandes client<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6032\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/jessica-client.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/jessica-client.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/jessica-client-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d&rsquo;interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l&rsquo;inspiration en tout genre : illustrations, photos, sites web, etc. Au programme : AMP, Facebook Instant Articles et Apple News, processus de d\u00e9cision,\u00a0designer avec Sketch et Zeplin, typographie responsive, &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6033,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6018","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 16 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0AMP, Facebook Instant Articles et Apple News, designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La semaine en pixels \u2013 16 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0AMP, Facebook Instant Articles et Apple News, designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-16T06:00:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-16T06:56:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/lienssemaine-16decembre.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/\",\"name\":\"La semaine en pixels \u2013 16 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/lienssemaine-16decembre.jpg\",\"datePublished\":\"2016-12-16T06:00:25+00:00\",\"dateModified\":\"2016-12-16T06:56:43+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0AMP, Facebook Instant Articles et Apple News, designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/lienssemaine-16decembre.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/lienssemaine-16decembre.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 16 d\u00e9cembre 2016\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 16 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0AMP, Facebook Instant Articles et Apple News, designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 16 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0AMP, Facebook Instant Articles et Apple News, designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-12-16T06:00:25+00:00","article_modified_time":"2016-12-16T06:56:43+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/lienssemaine-16decembre.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/","name":"La semaine en pixels \u2013 16 d\u00e9cembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/lienssemaine-16decembre.jpg","datePublished":"2016-12-16T06:00:25+00:00","dateModified":"2016-12-16T06:56:43+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0AMP, Facebook Instant Articles et Apple News, designer avec Sketch et Zeplin, typographie responsive, BEM et syntaxe CSS, psychologie et exp\u00e9rience client et un r\u00e9pertoire de vid\u00e9os de conf\u00e9rences meetups pour les devs.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-16-decembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/lienssemaine-16decembre.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/lienssemaine-16decembre.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 16 d\u00e9cembre 2016"},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=6018"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6018\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6033"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}