{"id":6982,"date":"2018-09-09T09:00:10","date_gmt":"2018-09-09T07:00:10","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6982"},"modified":"2018-09-10T09:54:03","modified_gmt":"2018-09-10T07:54:03","slug":"la-semaine-en-pixels-9-september-2018","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/","title":{"rendered":"La semaine en pixels \u2013 9 September 2018"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 6 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Chaque semaine, \u00a0un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d&rsquo;interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l&rsquo;inspiration en tout genre.<\/p>\n<p>Au programme : animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, designer avec de vrais donn\u00e9es, bonnes pratiques pour choisir la bonne visualisation de donn\u00e9es, les CSS shapes et leurs \u00e9diteurs, une conf\u00e9rence sur le design inclusif, designer des interfaces accessibles aux personnes daltoniennes, applications mobiles et notifications, OpenType et CSS, des produits pas si intelligents que \u00e7a et de l&rsquo;inspiration pour de jolis d\u00e9grad\u00e9s.<\/p>\n<p>Pour plus de liens chaque matin vous pouvez<a href=_-213.html> 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>#Animation<\/p>\n<p>\u201c<a href=_-1378.html>The ultimate guide to proper use of animation in UX<\/a>\u201d une longue lecture sur les animations et l&rsquo;exp\u00e9rience utilisateur avec d&rsquo;excellents conseils sur le timing et les interactions<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX<\/p>\n<ul>\n<li><a href=_-1379.html>10 Examples of Really Good UX that Help Teams Learn About Users<\/a>, des exemples de micro-exp\u00e9rience sur diff\u00e9rents sites<\/li>\n<li><a href=_-1380.html>Smarter Dumb Products<\/a> \u2013 tldnr les chats sont tous des connards et cassent vos objets connect\u00e9s ? Bon plus s\u00e9rieusement une tr\u00e8s bonne lecture sur le design d&rsquo;objets connect\u00e9s<\/li>\n<\/ul>\n<p>#Front-End<\/p>\n<ul>\n<li><a href=_-1381.html>Conversational Semantics,<\/a>\u00a0ajouter de la s\u00e9mantique au HTML et CSS pour aider les interfaces conversationnelles \u00e0 comprendre le contenu<\/li>\n<li><a href=_-1382.html>Take A New Look At CSS Shapes<\/a> \u2014 une excellente lecture sur les Shapes CSS qui permettent de designer et \u00e9crire dans des formes dans le contenu du site<\/li>\n<li><a href=_-1383.html>CSS Shape Editors, in Firefox and Chrome<\/a>, deux \u00e9diteurs pour cr\u00e9er ces formes en CSS<\/li>\n<li><a href=_-1384.html>For typography and CSS lovers<\/a>: une jolie d\u00e9monstration des capacit\u00e9s de l&rsquo;OpenType et des propri\u00e9t\u00e9s CSS associ\u00e9es<\/li>\n<\/ul>\n<p>#Design<\/p>\n<p><a href=_-1385.html>Design with Difficult Data<\/a>, anticiper le design avec de vrais donn\u00e9es qui vont casser les \u00e9crans, pas juste les jolies donn\u00e9es bien structur\u00e9es dans nos designs<\/p>\n<p>#Accessibilit\u00e9<\/p>\n<p><a href=_-1386.html>Designing UI with Color Blind Users in Mind<\/a>, designer des interfaces en prenant en compte les besoins des personnes daltoniennes<\/p>\n<p>#Mobile<\/p>\n<p><a href=_-1387.html>Designing notifications for apps<\/a> &#8211; explorer diff\u00e9rentes options pour les notifications sur mobile<\/p>\n<h2>Conf\u00e9rence<\/h2>\n<p>#Inclusive Design<\/p>\n<p>Sauvez la date\u00a0<a href=_-1388.html>Inclusive design 24<\/a>\u00a0revient le 11 octobre 2018 avec 24h gratuites de conf\u00e9rences en ligne sur le design inclusif<\/p>\n<h2>De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n<p>#Chiens #CSS<\/p>\n<ul>\n<li>Awwww ??<a href=_-1389.html>The Dogs of CodePen<\/a><\/li>\n<li><a href=_-1390.html>CSS Background Patterns<\/a>, des patterns de fond en CSS<\/li>\n<\/ul>\n<p>#Haha<\/p>\n<p><a href=_-1391.html>Developer job ads<\/a><\/p>\n<p>#Branding<\/p>\n<p><a href=_-1392.html>This Colorful New Font Is Made Entirely of Brand Logos<\/a> &#8211; une police d&rsquo;\u00e9criture faite dans les logos de diff\u00e9rentes marques<\/p>\n<p>#D\u00e9grad\u00e9s<\/p>\n<p><a href=_-1393.html>Oh Mamma, I\u2019m in love with Gradient<\/a> &#8211; un peu d&rsquo;inspiration sur l&rsquo;utilisation des d\u00e9grad\u00e9s \u00e0 travers le web<\/p>\n<h2>Livres<\/h2>\n<p>#Smashing<\/p>\n<p>Le nouveau\u00a0<a href=_-494.html>Smashing Book 6 &#8211; New Frontiers in Webdesign<\/a> sort en septembre, il est temps de le commander !!<\/p>\n<h2>Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Dataviz<\/p>\n<p><a href=_-1394.html>From Data to Viz<\/a>\u00a0comment choisir le bon graphique de visualisation de donn\u00e9e ? Ce site peut vous aider<\/p>\n<p>#Typographie<\/p>\n<p><a href=index-700.html#\">Archetype,<\/a> un outil en ligne pour vous aider \u00e0 calculer le rythme verticale et l&rsquo;exporter pour Sketch (fonctionne avec les Google Fonts)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Veille UX, design et CSS de la semaine :\u00a0animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, designer avec de vrais donn\u00e9es, bonnes pratiques pour choisir la bonne visualisation de donn\u00e9es, les CSS shapes et leurs \u00e9diteurs, une conf\u00e9rence sur le design inclusif, designer des interfaces accessibles aux personnes daltoniennes, applications mobiles et notifications, OpenType et CSS, des produits pas si intelligents que \u00e7a et de l&rsquo;inspiration pour de jolis d\u00e9grad\u00e9s.<\/p>\n","protected":false},"author":3,"featured_media":6986,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6982","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 9 September 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta name=\"description\" content=\"Animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, dataviz, CSS shapes, design inclusif, interfaces accessibles aux daltoniens, OpenType et CSS et de jolis d\u00e9grad\u00e9s.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-1395.html \/>\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 September 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, dataviz, CSS shapes, design inclusif, interfaces accessibles aux daltoniens, OpenType et CSS et de jolis d\u00e9grad\u00e9s.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/\" \/>\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=\"2018-09-09T07:00:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-10T07:54:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/09\/liensemaine9sept2018.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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/\",\"name\":\"La semaine en pixels \u2013 9 September 2018 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/09\/liensemaine9sept2018.jpg\",\"datePublished\":\"2018-09-09T07:00:10+00:00\",\"dateModified\":\"2018-09-10T07:54:03+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, dataviz, CSS shapes, design inclusif, interfaces accessibles aux daltoniens, OpenType et CSS et de jolis d\u00e9grad\u00e9s.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/09\/liensemaine9sept2018.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/09\/liensemaine9sept2018.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\":\"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?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 September 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, dataviz, CSS shapes, design inclusif, interfaces accessibles aux daltoniens, OpenType et CSS et de jolis d\u00e9grad\u00e9s.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 9 September 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, dataviz, CSS shapes, design inclusif, interfaces accessibles aux daltoniens, OpenType et CSS et de jolis d\u00e9grad\u00e9s.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2018-09-09T07:00:10+00:00","article_modified_time":"2018-09-10T07:54:03+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/09\/liensemaine9sept2018.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/","name":"La semaine en pixels \u2013 9 September 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/09\/liensemaine9sept2018.jpg","datePublished":"2018-09-09T07:00:10+00:00","dateModified":"2018-09-10T07:54:03+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Animations et exp\u00e9rience utilisateur, interfaces s\u00e9mantiques et conversationnelles, dataviz, CSS shapes, design inclusif, interfaces accessibles aux daltoniens, OpenType et CSS et de jolis d\u00e9grad\u00e9s.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-september-2018\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/09\/liensemaine9sept2018.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/09\/liensemaine9sept2018.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":"required name=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\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?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\/6982"}],"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=6982"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6982\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6986"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}