{"id":6109,"date":"2016-12-23T08:00:17","date_gmt":"2016-12-23T07:00:17","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6109"},"modified":"2016-12-23T09:05:14","modified_gmt":"2016-12-23T08:05:14","slug":"semaine-pixels-23-decembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 23 decembre 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 : mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d&rsquo;inspection de fichiers PSD avec Invision et plusieurs tutoriels CSS et HTML5. Du cote des ressources vous trouverez des plugins Sketchs, un outils pour designer des cartes a partir de donn\u00e9es et des bonnes pratiques de performance.<\/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:\/\/stephaniewalter.design\/super-pouvoirs-navigateurs-mobiles\/\">Les super pouvoirs des navigateurs mobiles<\/a>. Notifications, g\u00e9olocalisation, support de l\u2019hors ligne, acc\u00e8s aux m\u00e9dias pour cr\u00e9er un syst\u00e8me de vid\u00e9o conf\u00e9rence dans le navigateur ou communication d\u2019URLs en Bluetooth et installation sous forme de Progressive Web App sur l\u2019\u00e9cran d\u2019accueil de nos mobiles : petit tour d\u2019horizon tr\u00e8s d\u00e9taill\u00e9 de ce dont sont capables nos navigateurs mobiles aujourd\u2019hui<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6102\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/navigateurs-mobiles.jpg\" alt=\"Les super pouvoirs des navigateurs mobiles\" width=\"850\" height=\"350\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/navigateurs-mobiles.jpg 850w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/navigateurs-mobiles-768x316.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Uber<\/p>\n<p><a href=\"https:\/\/www.fastcodesign.com\/3066601\/uber-is-fixing-a-major-ux-issue-using-your-favorite-color\">Uber Is Fixing A Major UX Issue\u2014Using Your Favorite Color<\/a>, les chauffeurs Uber de certaines villes des Etats Unis peuvent d\u00e9sormais avoir une petite LED dont la couleur peut changer pour aider les clients \u00e0 rep\u00e9rer le v\u00e9hicule<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6135\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/uber-color.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/uber-color.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/uber-color-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/medium.com\/built-to-adapt\/intro-to-the-8-point-grid-system-d2573cde8632#.dlruhu3xv\">Intro to the 8-Point Grid System<\/a>, une grille bas\u00e9e sur 8 points pour plus de simplicit\u00e9 avec differentes densit\u00e9s d&rsquo;\u00e9cran<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6119\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/8points.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/8points.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/8points-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Psychology<\/p>\n<p><a href=\"https:\/\/crew.co\/blog\/the-science-of-surprise\">The science of surprise: How to make your work unforgettable<\/a>, quelque id\u00e9es de comment rendre ses articles, conf\u00e9rences ou site web m\u00e9morables<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6127\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/cognitive.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cognitive.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cognitive-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/medium.com\/swlh\/the-current-state-of-adaptive-design-6b2b89b258c4#.g76ujkhec\">The Current State of Adaptive Design<\/a>, une comparaison entre Sketch Figma et Subform<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6121\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/adaptive.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/adaptive.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/adaptive-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Portfolio<\/p>\n<p><a href=\"http:\/\/www.uxswitch.com\/portfolio-advice-for-a-ux-researcher\/\">Portfolio Advice for a UX Researcher<\/a>, quelques conseils sur quoi mettre dans un portfolio en tant que UX researcher<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6115\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/portfolioux.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/portfolioux.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/portfolioux-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Sketch<\/p>\n<p>Sketch s&rsquo;\u00e9toffe et devient un outil de plus en plus puissant pour le design d\u2019interfaces et la collaboration <a href=\"https:\/\/medium.com\/sketch-app-sources\/how-to-create-a-front-end-framework-with-sketch-2379edb5e7df#.tmgbz0ll0\">How to create a FRONT END FRAMEWORK with Sketch<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6122\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/front-end-sketch.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/front-end-sketch.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/front-end-sketch-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#AI<\/p>\n<p><a href=\"https:\/\/24ways.org\/2016\/front-end-developers-are-information-architects-too\/\">Front-End Developers Are Information Architects Too<\/a>, les d\u00e9veloppeurs front-end sont \u00e9galement des architectes d\u2019information<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6116\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/devai.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/devai.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/devai-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Form<\/p>\n<p><a href=\"https:\/\/uxdesign.cc\/forms-need-validation-2ecbccbacea1#.fylba8lce\">Forms Need Validation<\/a> quelques conseils pour la validation de formulaires<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6118\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/form-validation.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/form-validation.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/form-validation-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#PWA<\/p>\n<p><a href=\"http:\/\/boxesandarrows.com\/designing-progressive-web-applications-for-the-future\/\">Designing Progressive Web Applications for the Future<\/a>, designer des Progressive Web Apps<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6126\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/pwa.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/pwa.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/pwa-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/decision-framing-cognitive-bias-ux-pros\/\">Decision Frames: How Cognitive Biases Affect UX Practitioners<\/a>, ou comment nos biais cognitifs peuvent affecter nos prises de d\u00e9cisions en tant qu\u2019UX designer.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6111\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/uxcognitive.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/uxcognitive.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/uxcognitive-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/blog.intercom.com\/ux-research-team-of-one\/\">10 things I wish I knew as a UX research team of one<\/a>, 10 conseils lorsque l\u2019on travaille comme seul UX designer dans une \u00e9quipe<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6113\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/uxtranone.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/uxtranone.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/uxtranone-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Maps #Dataviz<\/p>\n<p><a href=\"https:\/\/medium.com\/uber-design\/crafting-data-driven-maps-b0835b620554#.pljjo2wm9\">Crafting Data-Driven Maps at Uber<\/a>, un article bien sympa pour les fans de dataviz et de cartographie<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6136\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/datamaps.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/datamaps.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/datamaps-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Fun #UX<\/p>\n<p><a href=\"https:\/\/medium.com\/@taylorp\/what-your-relatives-actually-think-when-you-say-ux-designer-5b967b3a89a8#.qod08b1ao\">What your relatives actually think when you say \u201cUX Designer\u201d<\/a> ce que votre famille comprend de votre m\u00e9tier<\/p>\n<h2>L\u2019actualit\u00e9 webdesign<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/www.w3.org\/Style\/CSS20\/\">20 Years of CSS<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6120\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/20yearscss.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/20yearscss.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/20yearscss-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Invision<\/p>\n<p><a href=\"http:\/\/blog.invisionapp.com\/inspect-design-development-workflow-photoshop\/\">L\u2019outil d\u2019inspection de Invision fonctionne d\u00e9sormais avec des PSD<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6123\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/ps-invision.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/ps-invision.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/ps-invision-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Accessibility<\/p>\n<p><a href=\"https:\/\/medium.com\/@matuzo\/writing-html-with-accessibility-in-mind-a62026493412#.jf4e83gxn\">Writing HTML with accessibility in mind<\/a>, \u00e9crire du HTML en gardant \u00e0 l\u2019esprit l&rsquo;accessibilit\u00e9<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6128\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/HTMLa11y.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/HTMLa11y.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/HTMLa11y-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Illustration<\/p>\n<p><a href=\"https:\/\/www.toptal.com\/designers\/ui\/the-super-simple-guide-to-iconography\">How to use basic shapes to create simple icons in a few clicks<\/a>, creer des icones a part de formes simples<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6117\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/eyeicon.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/eyeicon.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/eyeicon-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/callmenick.com\/post\/multi-line-padded-text-css-box-decoration-break\">Multi-line Padded Text with the CSS box-decoration-break Property<\/a> du texte sur plusieurs lignes avec une couleur de fond et du padding en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6124\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/box-deco.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/box-deco.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/box-deco-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/chrisruppel.com\/blog\/css-animation-border-radius\/\">Using CSS to animate border-radius<\/a>, animer des coins arrondis en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6133\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/cssradius.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cssradius.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/cssradius-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#HTML5<\/p>\n<p><a href=\"http:\/\/www.hongkiat.com\/blog\/html-5-1-new-features\/\">10 New Features of HTML 5.1 &amp; How to Use Them IRL<\/a>, des nouveaut\u00e9s HTML5 et quoi en faire dans la vie r\u00e9elle<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6125\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/html5features.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/html5features.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/html5features-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/codepen.io\/tomhodgins\/post\/how-style-scoping-works-with-element-queries\">How Style Scoping Works with Element Queries<\/a>, le concept de pouvoir imbriquer du CSS relatif \u00e0 diff\u00e9rentes variables et pas uniquement la taille globale du navigateur<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Conversational Interface<\/p>\n<p><a href=\"https:\/\/convointerface.com\/\">A template for conversational interfaces<\/a>, au cas ou vous n\u2019auriez pas envie de dessiner les petites bulles de conversations vous m\u00eames<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6130\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/conv-interface.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/conv-interface.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/conv-interface-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Sketch<\/p>\n<p><a href=\"https:\/\/blog.prototypr.io\/best-sketch-plugins-i-used-this-year-2016-eb677b5c5755#.6dfikw3jl\">Best Sketch Plugins I Used This Year (2016)<\/a>, les plugins Sketchs \u00e0 ne pas manquer cette ann\u00e9e<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6129\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/sketchplugins.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketchplugins.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/sketchplugins-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Map<\/p>\n<p><a href=\"http:\/\/mapinseconds.com\/\">mapinseconds.com<\/a> transforme vos datas en jolies cartes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6134\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/maps-data.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/maps-data.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/maps-data-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Performance<\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2016\/12\/front-end-performance-checklist-2017-pdf-pages\/\">Front-End Performance Checklist 2017 (PDF, Apple Pages)<\/a>, une petite checklist de bonnes pratiques performance pour 2017<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6112\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/perf-checklist.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/perf-checklist.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/perf-checklist-768x473.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Emoji<\/p>\n<p>Coucou c\u2019est l\u2019heure de procrastiner : <a href=\"https:\/\/ascii.li\/emoticon-creator\">Text Emoticon Creator<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6132\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/text-emoticon.jpg\" alt=\"\" width=\"1040\" height=\"640\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/text-emoticon.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/text-emoticon-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 : mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6131,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6109","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 23 decembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d&#039;inspection de fichiers PSD avec invision, plugins Sketch et tutoriels CSS et HTML5.\u00a0\" \/>\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\/semaine-pixels-23-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 23 decembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d&#039;inspection de fichiers PSD avec invision, plugins Sketch et tutoriels CSS et HTML5.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-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-23T07:00:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-23T08:05:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/liens-semaine-23dec.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\/semaine-pixels-23-decembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/\",\"name\":\"La semaine en pixels \u2013 23 decembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liens-semaine-23dec.jpg\",\"datePublished\":\"2016-12-23T07:00:17+00:00\",\"dateModified\":\"2016-12-23T08:05:14+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d'inspection de fichiers PSD avec invision, plugins Sketch et tutoriels CSS et HTML5.\u00a0\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liens-semaine-23dec.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liens-semaine-23dec.jpg\",\"width\":850,\"height\":350},{\"@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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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 23 decembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d'inspection de fichiers PSD avec invision, plugins Sketch et tutoriels CSS et HTML5.\u00a0","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\/semaine-pixels-23-decembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 23 decembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d'inspection de fichiers PSD avec invision, plugins Sketch et tutoriels CSS et HTML5.\u00a0","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-12-23T07:00:17+00:00","article_modified_time":"2016-12-23T08:05:14+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/12\/liens-semaine-23dec.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\/semaine-pixels-23-decembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/","name":"La semaine en pixels \u2013 23 decembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liens-semaine-23dec.jpg","datePublished":"2016-12-23T07:00:17+00:00","dateModified":"2016-12-23T08:05:14+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0mobilit\u00e9, design et grille de 8 points, psychologie et biais cognitifs, UX de validation de formulaires, progressive web apps, cartographie, outil d'inspection de fichiers PSD avec invision, plugins Sketch et tutoriels CSS et HTML5.\u00a0","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-23-decembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liens-semaine-23dec.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/12\/liens-semaine-23dec.jpg","width":850,"height":350},{"@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\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3311148a94caa2e5ae146ff1cdf9aaf3a0127a7db0337d8c8cbbfc4a425cab0e?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\/6109","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=6109"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6109\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6131"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}