{"id":6569,"date":"2017-11-17T09:39:49","date_gmt":"2017-11-17T08:39:49","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6569"},"modified":"2017-11-17T09:39:49","modified_gmt":"2017-11-17T08:39:49","slug":"semaine-pixels-17-novembre-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/","title":{"rendered":"La semaine en pixels \u2013 17 novembre 2017"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : des astuces pour organiser un workshop UX, des cartes pour vendre l&rsquo;experience utilisateur, comment int\u00e9grer la recherche utilisateur dans un processus agile, des placeholder en SVG low poly pour le chargement d&rsquo;images, les comp\u00e9tences de designer et de pr\u00e9sentateur fortement li\u00e9es, la complexit\u00e9 du CSS, des tutoriels CSS et de jolies illustrations et BDs.<\/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>#Perception\u00a0 de la Vitesse<\/p>\n<p id=\"145a\"><a href=\"https:\/\/medium.freecodecamp.org\/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c\">How to use SVG as a Placeholder, and Other Image Loading Techniques,<\/a>\u00a0une technique qui utilise des SVG low poly comme image placeholder le temps que les vrais images se chargent.<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX \/ Design<\/p>\n<ul>\n<li><a href=\"https:\/\/uxdesign.cc\/how-to-do-your-workshop-right-11-tips-tricks-bd0a279ed8e\">How to do your workshop right \u2013 11 tips &amp; tricks.<\/a>\u00a0des petites astuces pour vous aider \u00e0 organiser des atelier UX. L&rsquo;id\u00e9e d&rsquo;avoir un coin \u00ab\u00a0garage\u00a0\u00bb pour mettre toutes les propositions que l&rsquo;on peut pas traiter mais qui resent int\u00e9ressantes est \u00e0 creuser.<\/li>\n<li>Comment<a href=\"https:\/\/medium.muz.li\/how-to-stop-ux-research-being-a-blocker-225d91105de8\"> int\u00e9grer la recherche utilisateur dans des \u00e9quipes agiles\u00a0<\/a><\/li>\n<li>\u00ab\u00a0<a href=\"https:\/\/uxdesign.cc\/the-relationship-between-design-deliverables-and-presentation-skills-56c713694446\">The relationship between design deliverables and presentation skills<\/a>\u00ab\u00a0<\/li>\n<\/ul>\n<p>#CSS<\/p>\n<ul>\n<li><a href=\"http:\/\/meyerweb.com\/eric\/thoughts\/2017\/11\/14\/declining-complexity-in-css\/\">Declining Complexity in CSS<\/a>\u00a0Eric Meyer sur l&rsquo;\u00e9volution du CSS. Moi aussi j&rsquo;envie les petits jeunes qui diront un jour \u00ab\u00a0non pourquoi tu voudrais cr\u00e9er une grille avec float c&rsquo;est n&rsquo;importe quoi et pas fait pour \u00e7a\u00a0\u00bb comme nous avons pu dire un jour \u00ab\u00a0pourquoi tu veux faire une mise en tableaux\u00a0\u00bb :)<\/li>\n<\/ul>\n<p>#Performance<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/contrast-swap-technique-improved-image-performance-css-filters\/\">The Contrast Swap Technique,<\/a> une technique de chargement d&rsquo;image \u00e0 base de contrastes<\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Illustration<\/p>\n<p>J&rsquo;ai d\u00e9couvert les jolies illustrations color\u00e9es de\u00a0<a href=\"https:\/\/www.jenbartel.com\/\">jenbartel<\/a>\u00a0et je veux tout acheter ici\u00a0<a href=\"http:\/\/jenbartel.storenvy.com\/\">jenbartel.storenvy.com<\/a>\u00a0:D<\/p>\n<p>#Design<\/p>\n<p><a href=\"http:\/\/notchless.space\/\">Notchless<\/a>, des fonds d&rsquo;\u00e9cran pour cacher le notch de l&rsquo;iPhone X<\/p>\n<p>#Comics<\/p>\n<p><a href=\"https:\/\/gumroad.com\/cspalton\">Chris Spalton&rsquo;s eelman chronicles<\/a>, une BD sur le papa de Chris Spalton qui est le dernier p\u00eacheur d&rsquo;anguille :D<\/p>\n<h2>Tutoriels<\/h2>\n<p>#CSS<\/p>\n<ul>\n<li>Des bordures arrondies comme sur iOS avec CSS houdini par\u00a0<a href=\"https:\/\/twitter.com\/iamvdo\" data-=\"\"> @iamvdo<\/a><\/li>\n<li><a href=\"https:\/\/twitter.com\/AllThingsSmitty\/status\/930617039085035520\">Un petit hack CSS pour penser \u00e0 l&rsquo;accessibilit\u00e9 des images<\/a><\/li>\n<li><a href=\"https:\/\/medium.freecodecamp.org\/text-input-highlight-tripadvisor-style-2a44477de1b2\">Text input highlight, TripAdvisor style<\/a><\/li>\n<\/ul>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Sketch<br \/>\n<a href=\"https:\/\/plantapp.io\">Plant<\/a> \u2013 du contr\u00f4le de version pour Sketch<\/p>\n<p>#UX<\/p>\n<p>De jolies cartes pour vendre l&rsquo;UX :\u00a0<a href=\"http:\/\/www.uxbooth.com\/articles\/download-the-ux-sales-deck-sell-your-team-on-the-benefits-of-great-ux\/\">UX Sales Deck: Sell Your Team on the Benefits of Great UX<\/a><\/p>\n<p>#Font<\/p>\n<p>Une police avec diff\u00e9rentes variantes de lettre pour simuler une \u00e9criture manuscrite\u00a0<a href=\"https:\/\/gumroad.com\/l\/JvlG\/\">B. Hands font<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : des astuces pour organiser un workshop UX, des cartes pour vendre l&rsquo;experience utilisateur, comment int\u00e9grer la &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6568,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6569","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 17 novembre 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0 astuces pour organiser un workshop UX,\u00a0 vendre l&#039;experience utilisateur, int\u00e9grer la recherche utilisateur dans un processus agile, placeholder en SVG low poly pour le chargement d&#039;images, tutoriels CSS et de jolies illustrations et BDs.\" \/>\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-17-novembre-2017\/\" \/>\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 17 novembre 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0 astuces pour organiser un workshop UX,\u00a0 vendre l&#039;experience utilisateur, int\u00e9grer la recherche utilisateur dans un processus agile, placeholder en SVG low poly pour le chargement d&#039;images, tutoriels CSS et de jolies illustrations et BDs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/\" \/>\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=\"2017-11-17T08:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/11\/liensemaine16nov2017.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=\"2 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-17-novembre-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/\",\"name\":\"La semaine en pixels \u2013 17 novembre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemaine16nov2017.jpg\",\"datePublished\":\"2017-11-17T08:39:49+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0 astuces pour organiser un workshop UX,\u00a0 vendre l'experience utilisateur, int\u00e9grer la recherche utilisateur dans un processus agile, placeholder en SVG low poly pour le chargement d'images, tutoriels CSS et de jolies illustrations et BDs.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemaine16nov2017.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemaine16nov2017.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 17 novembre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0 astuces pour organiser un workshop UX,\u00a0 vendre l'experience utilisateur, int\u00e9grer la recherche utilisateur dans un processus agile, placeholder en SVG low poly pour le chargement d'images, tutoriels CSS et de jolies illustrations et BDs.","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-17-novembre-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 17 novembre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0 astuces pour organiser un workshop UX,\u00a0 vendre l'experience utilisateur, int\u00e9grer la recherche utilisateur dans un processus agile, placeholder en SVG low poly pour le chargement d'images, tutoriels CSS et de jolies illustrations et BDs.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-11-17T08:39:49+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/11\/liensemaine16nov2017.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/","name":"La semaine en pixels \u2013 17 novembre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemaine16nov2017.jpg","datePublished":"2017-11-17T08:39:49+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0 astuces pour organiser un workshop UX,\u00a0 vendre l'experience utilisateur, int\u00e9grer la recherche utilisateur dans un processus agile, placeholder en SVG low poly pour le chargement d'images, tutoriels CSS et de jolies illustrations et BDs.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-17-novembre-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemaine16nov2017.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemaine16nov2017.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\/6569","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=6569"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6568"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}