{"id":6501,"date":"2017-10-06T10:37:32","date_gmt":"2017-10-06T08:37:32","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6501"},"modified":"2017-10-06T14:22:06","modified_gmt":"2017-10-06T12:22:06","slug":"la-semaine-en-pixel-6-sept-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/","title":{"rendered":"La semaine en pixels \u2013 6 octobre 2017"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Comme chaque semaine, \u00a0un condens\u00e9 de mes lectures et ma veille web design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n

Au programme : performance d’images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d’accessibilit\u00e9 et librairie drag and drop en JS.<\/p>\n

Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n

tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n

#Performance<\/p>\n

Essential Image Optimisation<\/a>, un ebook par Addy Osmani<\/p>\n

Les articles de la semaine<\/h2>\n

#Logo<\/p>\n

Over 150 People Tried To Draw 10 Famous Logos From Memory, And The Results Are Hilarious<\/a><\/p>\n

#UX<\/p>\n

Why warm-up questions can be the most important part of a user interview.<\/a>\u00a0les questions avant les interviews utilisateur permettent de briser la glace<\/p>\n

#UX #Ecommerce<\/p>\n

Best Practices Product Image Gallery<\/a>, des bonnes pratiques pour une galerie d’image<\/p>\n

#UX<\/p>\n

An Introduction to Interaction Flows <\/a>\u2013processus et livrables int\u00e9ressants pour communiquer le flux d’interaction<\/p>\n

#Typographie<\/p>\n

A Five Minutes Guide to Better Typography<\/a> – un guide pour la typographie<\/p>\n

#UI<\/p>\n

Dark UIs. The Good and the Bad. Dos and Don\u2019ts.<\/a><\/p>\n

De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n

#Tendance<\/p>\n

Tiny Trend #7: Chunky, Overlapping Underlines<\/a> – un effet sympa mais parfois illisible<\/p>\n

Tutoriels<\/h2>\n

#SVG<\/p>\n

Une technique sympa pour un logo qui change de couleur au scroll:\u00a0Using SVG clip-path to change a logo’s colour on scroll<\/a><\/p>\n

#CSS<\/p>\n

CSS Grid PlayGround <\/a>par Mozilla<\/p>\n

Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n

#Icons<\/p>\n

iOS 11 Glyphs (Tab Bar Icons)<\/a>, un pack d’ic\u00f4nes pour iOS11<\/p>\n

#Icons #Keynote<\/p>\n

Un outil pour convertir des fichiers Illustrator en Keynote <\/a>pour avoir des ic\u00f4nes vectorielles dans keynote<\/p>\n

#Accessibility<\/p>\n

Axe Chrome extension<\/a>, une extension Chrome pour auditer l’accessibilit\u00e9 de votre site<\/p>\n

#Microcopie<\/p>\n

Effective examples of clear, concise \u2014 and sometimes quirky \u2014 copy<\/a>.<\/p>\n

#JS #Drag and drop<\/p>\n

drag and drop JS<\/a>, une librairie JS pour faire du drag and drop avec un site tr\u00e8s sympa<\/p>\n

Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n

#Papyrus<\/p>\n

Trolling level 100: Years after Avatar’s release, there’s one thing Steven (Ryan Gosling) just can’t get over<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu’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’interface et mobilit\u00e9, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc. Au programme : performance d’images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les …<\/p>\n","protected":false},"author":3,"featured_media":6502,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6501","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\nLa semaine en pixels \u2013 6 octobre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0performance d'images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d'accessibilit\u00e9 et librairie drag and drop en JS.\" \/>\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-pixel-6-sept-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 6 octobre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0performance d'images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d'accessibilit\u00e9 et librairie drag and drop en JS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-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-10-06T08:37:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-06T12:22:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/lienssemaine-6octobre2017.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\/la-semaine-en-pixel-6-sept-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/\",\"name\":\"La semaine en pixels \u2013 6 octobre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/lienssemaine-6octobre2017.jpg\",\"datePublished\":\"2017-10-06T08:37:32+00:00\",\"dateModified\":\"2017-10-06T12:22:06+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0performance d'images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d'accessibilit\u00e9 et librairie drag and drop en JS.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/lienssemaine-6octobre2017.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/lienssemaine-6octobre2017.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 6 octobre 2017\"},{\"@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'utilisabilit\u00e9 et l'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 & 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 6 octobre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0performance d'images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d'accessibilit\u00e9 et librairie drag and drop en JS.","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-pixel-6-sept-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 6 octobre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0performance d'images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d'accessibilit\u00e9 et librairie drag and drop en JS.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-10-06T08:37:32+00:00","article_modified_time":"2017-10-06T12:22:06+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/10\/lienssemaine-6octobre2017.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\/la-semaine-en-pixel-6-sept-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/","name":"La semaine en pixels \u2013 6 octobre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/lienssemaine-6octobre2017.jpg","datePublished":"2017-10-06T08:37:32+00:00","dateModified":"2017-10-06T12:22:06+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0performance d'images, design de logo, experience utilisateur, bonne pratiques de sites e-commerces, guide de typographie, les interfaces sombres, de la d\u00e9coration de liens, tutoriels CSS et SVG, outils d'accessibilit\u00e9 et librairie drag and drop en JS.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixel-6-sept-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/lienssemaine-6octobre2017.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/10\/lienssemaine-6octobre2017.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 6 octobre 2017"},{"@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'utilisabilit\u00e9 et l'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 & 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\/6501","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=6501"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6501\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6502"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}