{"id":5664,"date":"2016-09-09T08:50:18","date_gmt":"2016-09-09T06:50:18","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5664"},"modified":"2016-09-09T08:59:26","modified_gmt":"2016-09-09T06:59:26","slug":"semaine-pixels-9-septembre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/","title":{"rendered":"La semaine en pixels \u2013 9 septembre 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 : du tutoriels et astuces CSS et SVG, des guides de performance, des conseils d&rsquo;ergonomie et d&rsquo;UX sur les fils d&rsquo;Ariane et les formulaires, des biais cognitifs, des bonnes pratiques et principes de design, des dark patterns, quelques articles sur des Progressive Web Apps, de jolis photos et illustrations. Du c\u00f4t\u00e9 des ressources, des plugins Sketch, des outils de couleur, des ressources webdesign et une d\u00e9monstration d&rsquo;animations.<\/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 class=\"entry-title h1-like\">#Mobile<\/p>\n<p class=\"entry-title h1-like\"><a title=\"Permanent Link to Forget about apps, could the future be in the mobile browser? \u2013 My Nightlybuild 2016 Conference\" href=\"http:\/\/blog.stephaniewalter.fr\/en\/forget-apps-future-mobile-browser-nightlybuild-2016-conference\/\" rel=\"bookmark\">Forget about apps, could the future be in the mobile browser?<\/a>, mes slides \u00e0 Nightlybuild<\/p>\n<p class=\"entry-title h1-like\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-5698\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/nightly.jpg\" alt=\"nightly\" width=\"850\" height=\"350\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/hacks.mozilla.org\/2016\/08\/using-feature-queries-in-css\/\">Using Feature Queries in CSS<\/a>, utiliser les feature queries en CSS pour d\u00e9tecter si un navigateur supporte une propri\u00e9t\u00e9 et valeur<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5677\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/featurequeries.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Process<\/p>\n<p><a href=\"http:\/\/zenhabits.net\/focusguide\/\">A Guide to Overcoming Procrastination &amp; Finding Focus<\/a>, passer outre le syndrome de procrastination pour faire avancer le boulot<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5678\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/finding-focus.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/uxplanet.org\/breadcrumbs-for-web-sites-what-when-and-how-9273dacf1960#.wmx6p6mfd\">Breadcrumbs For Web Sites: What, When and How<\/a>, quelques conseils sur le fil d\u2019ariane des sites<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5668\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/breadcrums.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Speaker #Border<\/p>\n<p><a href=\"https:\/\/medium.com\/@rachelnabors\/wtfuk-73009d5623b4#.brdqkb5xg\">WTFUK<\/a>, l\u2019histoire bien triste de Rachel Nabors, une conf\u00e9renci\u00e8re am\u00e9ricaine qui s\u2019est refus\u00e9 l\u2019acc\u00e8s \u00e0 l\u2019entr\u00e9 du territoire britannique alors qu\u2019elle venait donner une conf\u00e9rence et s\u2019est retrouv\u00e9e d\u00e9port\u00e9e \u00e0 New York alors qu\u2019elle habite \u00e0 Portland.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5697\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/wtfuk.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"http:\/\/www.fastcodesign.com\/3060553\/why-dark-patterns-wont-go-away\">Why Dark Patterns Won&rsquo;t Go Away<\/a> pourquoi les dark pattern sont l\u00e0 pour rester :\/<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5674\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/dark-pattern.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/uxdesign.cc\/death-to-complexity-how-we-simplified-advanced-search-a9ab2940acf0#.wwc7dr36y\">Death to Complexity: How we Simplified Advanced Search<\/a>, quelques conseils d\u2019optimisation de recherche avanc\u00e9e<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5671\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/complexe-search.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#PWA<\/p>\n<p><a href=\"https:\/\/www.theguardian.com\/info\/developer-blog\/2016\/aug\/19\/how-we-made-the-riorun-progressive-web-app\">How we made the RioRun progressive web app<\/a>, petit retour d\u2019exp\u00e9rience sur la transformation en PWA d\u2019un site pour les JO<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5688\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/progressive-webapp.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Form #Usability<\/p>\n<p><a href=\"http:\/\/www.uxbooth.com\/articles\/the-new-rules-of-form-design\/\">The New Rules of Form Design<\/a>, les nouvelles r\u00e8gles du design de formulaire<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5679\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/form-design.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"http:\/\/fusion.net\/story\/340171\/how-nextdoor-reduced-racial-profiling\/\">How Nextdoor reduced racist posts by 75%<\/a> ou comment l\u2019application Nextdoor a r\u00e9duit de 75% les signalements bas\u00e9s sur des biais racistes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5684\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/nextdoor-racism.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Chatbot #Society<\/p>\n<p><a href=\"https:\/\/www.engadget.com\/2016\/08\/17\/how-we-trained-ai-to-be-sexist\/\">How we trained AI to be sexist<\/a>, comment cr\u00e9er un chatbot qui \u00e9vite les st\u00e9r\u00e9otypes de genre et le reflet des IA sur la place accord\u00e9e aux femmes dans notre soci\u00e9t\u00e9<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5667\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/bot-sexist.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/betterhumans.coach.me\/cognitive-bias-cheat-sheet-55a472476b18#.t2bdru1ro\">Cognitive bias cheat sheet<\/a>, un article sur les biais cognitifs<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5669\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/cognitive-bias.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#IA<\/p>\n<p><a href=\"http:\/\/akendi.com\/blog\/menus-navigation-pages-content-structure-which-one-of-these-things-doesnt-belong\/\">Menus, Navigation, Pages, Content Structure: Which one of these things doesn\u2019t \u201cbelong\u201d?<\/a>, mettre en place une architecture d\u2019information\u00a0en se posant les bonnes questions<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5695\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/UX-reflection.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Performance<\/p>\n<p><a href=\"http:\/\/jonyablonski.com\/2016\/designers-guide-to-web-performance-optimization\/\">Designer guide to web performance optimization<\/a>, le guide de la performance \u00e0 destination des designers<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5676\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/designer-guide.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#PWA<\/p>\n<p><a href=\"http:\/\/www.wsj.com\/articles\/washington-post-unveils-lightning-fast-mobile-website-1473152456\">Washington Post Unveils \u2018Lightning-Fast\u2019 Mobile Website<\/a>, le Washington Post nous d\u00e9voile sa nouvelle Progresse Web App<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5696\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/washing-PWA.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Design #Forfun<\/p>\n<p><a href=\"https:\/\/thedesignteam.io\/how-to-pretend-youre-a-great-designer-3625de90d79f#.5fx9jqeb1\">How to pretend you\u2019re a great designer<\/a> &#8211; un article humoristique sur comment pr\u00e9tendre d\u2019\u00eatre un super designer :)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5686\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/pretend.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Performance<\/p>\n<p><a href=\"https:\/\/blogs.adobe.com\/creativecloud\/xd-essentials-best-practices-for-animated-progress-indicators\/\">Essentials: Best Practices for Animated Progress Indicators<\/a>, l\u2019utilisateur des indicateurs de progression<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5687\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/progress-loader.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/font-display-masses\/\">`font-display` for the Masses<\/a>, all you need to know about the font-display CSS property<\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Instagram<\/p>\n<p><a href=\"http:\/\/www.wrenkitchens.com\/blog\/kitchen-lived-perception-vs-reality\/\">Au del\u00e0 du filtre instagram<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5681\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/instagram-behind.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Illustrations<\/p>\n<p><a href=\"http:\/\/kerbyrosanes.com\/post\/143610624702\/geometric-beasts-personal-series-of-illustrations\">Haaaan des illustrations g\u00e9om\u00e9triques d\u2019animaux<\/a> &lt;3<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5680\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/geometric-animals.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>\u00a0Les tutoriels de la semaine<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/medium.com\/learning-new-stuff\/learn-css-flexbox-in-3-minutes-c616c7070672#.s47o4k65e\">Learn CSS Flexbox in 3 Minutes<\/a>, apprendre flexbox en 3min<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5672\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/css3min.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Form<\/p>\n<p><a href=\"https:\/\/www.filamentgroup.com\/lab\/type-number.html\">I Wanted to Type a Number<\/a>, utiliser diff\u00e9rents types d\u2019input pour les chiffres<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5694\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/type-number.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/> #CSS<\/p>\n<p><a href=\"https:\/\/www.sitepoint.com\/8-clever-tricks-with-css-functions\/\">8 Clever Tricks with CSS Functions<\/a>, les fonctions CSS bien pratiques<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5673\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/cssfunction.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Sketch<\/p>\n<p><a href=\"https:\/\/medium.com\/ux-power-tools\/8-sketch-tricks-that-would-make-owen-wilson-say-wooow-tons-of-gifs-d2145ffb6ab2#.ysrxpogkc\">Quelques astuces Sketch<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5690\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/sketchtricks.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/bitsofco.de\/nth-child-vs-nth-of-type\/\">nth-child vs nth-of-type<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5685\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/nthechild.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#SVG<\/p>\n<p><a href=\"https:\/\/cloudfour.com\/thinks\/cropping-image-thumbnails-with-svg\/\">Cropping Image Thumbnails with SVG<\/a>, red\u00e9couper des images en SVG<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5693\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/svg-thumb.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/use-cases-fixed-backgrounds-css\/\">Use Cases for Fixed Backgrounds in CSS<\/a>, quelques exemples de ce qu\u2019on peut faire avec un background-position: fixed; en CSS<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Charts<\/p>\n<p><a href=\"http:\/\/www.highcharts.com\/blog\/218-css-styling-javascript-charts\">Dans Highcharts 5,il sera possible de styler les graphiques avec du CSS<\/a>, yeahyyy<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5692\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/svg-styling.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX #Guidelines<\/p>\n<p><a href=\"http:\/\/usabilitygeek.com\/usability-user-experience-user-interface-guidelines-companies-2016\/\">Official Usability, User Experience And User Interface Guidelines From Companies (2016)<\/a>, les guidelines UX et UI officielles de grosses entreprises et produits<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5691\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/styleguide.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Sketch<\/p>\n<p><a href=\"http:\/\/www.textstyl.es\/\">Shared Text Styles<\/a> &#8211; un plugin pour exporter les styles de texte dans Sketch<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5689\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/sketch-shared-styles.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"http:\/\/www.hongkiat.com\/blog\/cross-mobile-platform-framework-wora\/\">Top 10 Cross-Platform Mobile Development Tools<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5683\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/mobile-cross-plateform.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Couleurs<\/p>\n<p><a href=\"https:\/\/medium.com\/wd-tips-tricks\/best-color-tools-for-designers-40330e88be8f#.k4efdp6is\">Une liste d\u2019outils de couleur<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5670\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/colortools.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Webdesign<\/p>\n<p>Des ressources sur les principes de design : \u00a0<a href=\"http:\/\/www.designprinciplesftw.com\">www.designprinciplesftw.com<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5675\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/design-principles.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Sketch<\/p>\n<p><a href=\"https:\/\/github.com\/ideo\/SketchContentSync.sketchplugin\">Sketch Content Sync<\/a> &#8211; un plugin pour synchroniser dynamiquement des donn\u00e9es avec Sketch<\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Animation<\/p>\n<p><a href=\"http:\/\/sparkbox.github.io\/bouncy-ball\/\">Bouncy Ball<\/a>, comparaison d\u2019animations CSS, JS, librairies, etc.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5666\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/aniamtions.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/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 : du tutoriels et astuces CSS et SVG, des guides de performance, des conseils d&rsquo;ergonomie et d&rsquo;UX &hellip;<\/p>\n","protected":false},"author":3,"featured_media":5682,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5664","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 v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 9 septembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Tutoriels CSS et SVG, performance, conseils d&#039;ergonomie et d&#039;UX sur les fils d&#039;Ariane, biais cognitifs, bonnes pratiques et principes de design, dark patterns, et Progressive Web Apps.\" \/>\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-9-septembre-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 9 septembre 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Tutoriels CSS et SVG, performance, conseils d&#039;ergonomie et d&#039;UX sur les fils d&#039;Ariane, biais cognitifs, bonnes pratiques et principes de design, dark patterns, et Progressive Web Apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-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-09-09T06:50:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-09-09T06:59:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/liensemaine-9sept.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=\"@walterstephanie\" \/>\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-9-septembre-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/\",\"name\":\"La semaine en pixels \u2013 9 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-9sept.jpg\",\"datePublished\":\"2016-09-09T06:50:18+00:00\",\"dateModified\":\"2016-09-09T06:59:26+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Tutoriels CSS et SVG, performance, conseils d'ergonomie et d'UX sur les fils d'Ariane, biais cognitifs, bonnes pratiques et principes de design, dark patterns, et Progressive Web Apps.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-9sept.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-9sept.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\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 9 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Tutoriels CSS et SVG, performance, conseils d'ergonomie et d'UX sur les fils d'Ariane, biais cognitifs, bonnes pratiques et principes de design, dark patterns, et Progressive Web Apps.","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-9-septembre-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 9 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Tutoriels CSS et SVG, performance, conseils d'ergonomie et d'UX sur les fils d'Ariane, biais cognitifs, bonnes pratiques et principes de design, dark patterns, et Progressive Web Apps.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-09-09T06:50:18+00:00","article_modified_time":"2016-09-09T06:59:26+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/09\/liensemaine-9sept.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","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-9-septembre-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/","name":"La semaine en pixels \u2013 9 septembre 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-9sept.jpg","datePublished":"2016-09-09T06:50:18+00:00","dateModified":"2016-09-09T06:59:26+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Tutoriels CSS et SVG, performance, conseils d'ergonomie et d'UX sur les fils d'Ariane, biais cognitifs, bonnes pratiques et principes de design, dark patterns, et Progressive Web Apps.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-9-septembre-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-9sept.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/09\/liensemaine-9sept.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\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5664","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=5664"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5682"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}