{"id":6748,"date":"2018-03-16T07:00:11","date_gmt":"2018-03-16T06:00:11","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6748"},"modified":"2018-03-16T17:06:28","modified_gmt":"2018-03-16T16:06:28","slug":"semaine-pixel-16-mars-2018","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/","title":{"rendered":"La semaine en pixels &#8211; 16 mars 2018"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 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 (illustrations, photos, sites web, etc.)<\/p>\n<p>Au programme : design d&rsquo;ic\u00f4nes, le nouvel outil de fontninja pour choisir vos polices, notifications iOS, outils en ligne de collaboration, design systems, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, micro copie pour l&rsquo;UX, CSS font-face et performance et un outil pour vous aider \u00e0 cr\u00e9er des user flows<\/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>#Icones<\/p>\n<p><a href=_-1624.html>Hopefully, the Ultimate Guide to a Flat Icon Set<\/a> &#8211; \u00e0 un article \u00e0 mettre de cot\u00e9 qui va vous aider \u00e0 designer des ic\u00f4nes<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX\/UI<\/p>\n<ul>\n<li><a href=_-1625.html>Un exemple de guerilla testing sur un redesign d&rsquo;app<\/a><\/li>\n<li><a href=_-1626.html>A few tips to help you create user friendly forms.<\/a> des conseils pour du design de formulaire<\/li>\n<li><a href=_-1627.html>Navigating the complexity of change aversion<\/a>, une excellente lecture sur l&rsquo;acceptation du changement par les utilisateurs<\/li>\n<li><a href=_-1628.html>Great tips: A 6-point microcopy checklist for product teams without UX writers<\/a>, de la micro-copie pour les UX<\/li>\n<li><a href=_-1629.html>An Exploration of Visual Indicators IRL<\/a> &#8211; de l&rsquo;exploration sur des indicateurs visuels IRLs, vraiment fun \u00e0 lire<\/li>\n<\/ul>\n<p>#Design<\/p>\n<ul>\n<li>\u00ab\u00a0<a href=_-1630.html>Designing a better notification experience for iOS<\/a>\u00a0\u00bb il semblerait que pour une fois le syst\u00e8me Android soit plus utilisable que iOS quand il s&rsquo;agit de la gestion des notifications<\/li>\n<li><a href=_-1631.html>Why design systems are a single point of failure<\/a> le design system comme singe point of failure et comment y faire face<\/li>\n<\/ul>\n<p>#Accessibilite\u00e9<\/p>\n<ul>\n<li>\u00ab\u00a0<a href=_-1632.html>A DIY Web Accessibility Blueprint<\/a>\u00ab\u00a0, l&rsquo;accessibilit\u00e9 comme responsabilit\u00e9 de toute l&rsquo;\u00e9quipe et pas juste les d\u00e9velopeuses<\/li>\n<li><a href=_-1633.html>A Primer to Web Accessibility for Designers<\/a>, des conseils d&rsquo;accessibilit\u00e9 pour les designers<\/li>\n<\/ul>\n<p>#Front-End<\/p>\n<ul>\n<li><a href=watch0662.html>Using Chrome\u2019s \u2018Local Overrides\u2019 to Test Performance Hypotheses<\/a>, utiliser l&rsquo;outil Local Overrides pour tester la performance des sites<\/li>\n<li><a href=_-1634.html>CSS Grid One Year On,<\/a>\u00a0Grid layout a un an, retour sur une ann\u00e9e d&rsquo;impl\u00e9mentation<\/li>\n<li><a href=_-1635.html>Lesser known CSS quirks &amp; advanced tips<\/a> &#8211; un excellent article si vous d\u00e9butez en CSS pour comprendre les rouages et pi\u00e8ges du CSS<\/li>\n<li><a href=_-1636.html>Get to Know The Lobotomized Owl Selector <\/a>, le selecteur CSS * + * expliqu\u00e9<\/li>\n<\/ul>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Stupid et fun<\/p>\n<p><a href=_-1637.html>25 things you can say to annoy designers<\/a>\u00a0ou comment \u00e9nerver votre designer aujourd&rsquo;hui<\/p>\n<h2>L\u2019actualit\u00e9 webdesign<\/h2>\n<p>#Sketch<\/p>\n<p><a href=_-1638.html>Sketch 49: Find and Replace colors everywhere!<\/a> YES YES YES &lt;3<\/p>\n<h2>Tutoriels<\/h2>\n<p>#Typographie #CSS<\/p>\n<p>\u00ab\u00a0<a href=_-1639.html>Three Techniques for Performant Custom Fonts Usage<\/a>\u00a0\u00bb utiliser font-face avec performance,. Pour le subsetting, ok si vous \u00eates sur que vous n&rsquo;aurez jamais besoin de caract\u00e8res sp\u00e9cifiques mais c&rsquo;est risqu\u00e9 d\u00e8s que vous avez des donn\u00e9es entr\u00e9es par des utilisateurs sur un site (commentaire, profile, etc.)<\/p>\n<h2><span style=\"font-weight: 400;\">Des ressources utiles, outils et plugins pour vous faciliter la vie<\/span><\/h2>\n<p>#Font<\/p>\n<p><a href=_-1640.html>FontFace Dojo<\/a>, le nouvel outil de FontFaceNinja pour mettre en favoris des polices et d\u00e9couvrir des options de pairing<\/p>\n<p>#Collaboration<\/p>\n<p><a href=_-1641.html>milanote.com,<\/a>\u00a0un outil en ligne pour faire des tableaux visuels collaboratifs<\/p>\n<p>#Wikipedia<\/p>\n<p>Une extension pour rendre wikipedia plus lisible :\u00a0<a href=_-1642.html>wikiwand.com<\/a><\/p>\n<p>#CSS<\/p>\n<p><a href=_-1643.html>CSS Gradient Generator<\/a><\/p>\n<p>#User Flow<\/p>\n<p><a href=_-1644.html>Overflow<\/a>, un outil en ligne pour vous aider \u00e0 cr\u00e9er vos user flows<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.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 (illustrations, photos, sites web, etc.) Au programme : design d&rsquo;ic\u00f4nes, le nouvel outil de fontninja pour choisir vos polices, notifications iOS, outils en ligne de collaboration, design systems, accessibilit\u00e9 pour les &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6749,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6748","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 v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels - 16 mars 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=\"A ne pas manquer:\u00a0design d&#039;ic\u00f4nes, outil pour choisir vos polices, notifications iOS, outils en ligne de collaboration, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, CSS font-face et un outil pour vous aider \u00e0 cr\u00e9er des user flows\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-1645.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 - 16 mars 2018 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0design d&#039;ic\u00f4nes, outil pour choisir vos polices, notifications iOS, outils en ligne de collaboration, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, CSS font-face et un outil pour vous aider \u00e0 cr\u00e9er des user flows\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-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-03-16T06:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-16T16:06:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/03\/liensemaine-18mars2018.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\/semaine-pixel-16-mars-2018\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/\",\"name\":\"La semaine en pixels - 16 mars 2018 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/03\/liensemaine-18mars2018.jpg\",\"datePublished\":\"2018-03-16T06:00:11+00:00\",\"dateModified\":\"2018-03-16T16:06:28+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0design d'ic\u00f4nes, outil pour choisir vos polices, notifications iOS, outils en ligne de collaboration, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, CSS font-face et un outil pour vous aider \u00e0 cr\u00e9er des user flows\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/03\/liensemaine-18mars2018.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2018\/03\/liensemaine-18mars2018.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 - 16 mars 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0design d'ic\u00f4nes, outil pour choisir vos polices, notifications iOS, outils en ligne de collaboration, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, CSS font-face et un outil pour vous aider \u00e0 cr\u00e9er des user flows","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-pixel-16-mars-2018\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels - 16 mars 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0design d'ic\u00f4nes, outil pour choisir vos polices, notifications iOS, outils en ligne de collaboration, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, CSS font-face et un outil pour vous aider \u00e0 cr\u00e9er des user flows","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2018-03-16T06:00:11+00:00","article_modified_time":"2018-03-16T16:06:28+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2018\/03\/liensemaine-18mars2018.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\/semaine-pixel-16-mars-2018\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/","name":"La semaine en pixels - 16 mars 2018 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/03\/liensemaine-18mars2018.jpg","datePublished":"2018-03-16T06:00:11+00:00","dateModified":"2018-03-16T16:06:28+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0design d'ic\u00f4nes, outil pour choisir vos polices, notifications iOS, outils en ligne de collaboration, accessibilit\u00e9 pour les designers, CSS grid layout, design de formulaires, astuces CSS, CSS font-face et un outil pour vous aider \u00e0 cr\u00e9er des user flows","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixel-16-mars-2018\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/03\/liensemaine-18mars2018.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2018\/03\/liensemaine-18mars2018.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\/6748"}],"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=6748"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6748\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6749"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}