{"id":6594,"date":"2017-12-01T09:16:37","date_gmt":"2017-12-01T08:16:37","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6594"},"modified":"2017-12-01T09:18:13","modified_gmt":"2017-12-01T08:18:13","slug":"la-semaine-en-pixels-1-decembre-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/","title":{"rendered":"La semaine en pixels \u2013 1 d\u00e9cembre 2017"},"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>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 : un guide pour faire des revues d&rsquo;UX, l&rsquo;experience utilisateur des masques de champs localis\u00e9s, l&rsquo;\u00e9volution du processus de design, comment les designers deviennent des personnes qui r\u00e9solvent des probl\u00e8mes, que peuvent faire les PWA pour vous, des starters Grid Layout, des conf\u00e9rences CSS, une checklist pour l&rsquo;int\u00e9gration, des animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.<\/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>#CSS<\/p>\n<p><a href=_-1735.html>If you&rsquo;re looking for CSS talks to watch<\/a>, here is a whole list :)<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX<\/p>\n<ul>\n<li><a href=_-1736.html>How to do a UX Review: The Definitive Guide<\/a>, un article qui vous explique comment faire une UX review, o\u00f9 et comment trouver les statistiques etc.<\/li>\n<li><a href=_-1737.html>Form Field Usability: Consider Using Localized Input Masks for \u2018Phone\u2019 and Other Restricted Inputs (64% Don\u2019t)<\/a> via Baymard, point sur les masques de champs localis\u00e9s<\/li>\n<\/ul>\n<p>#Design<\/p>\n<ul>\n<li><a href=_-1738.html>\u00ab\u00a0RE: The end of Design as we know it\u00a0\u00bb<\/a> ou comment les designer resolvent des probl\u00e8mes<\/li>\n<li><a href=_-1739.html>Introducing design systems<\/a>, petite introduction aux design systems<\/li>\n<li><a href=_-1740.html>Where to Spot New Design Trends: 15 Sources to Stay Fresh<\/a>, si vous \u00eates \u00e0 la recherche de tendance design cet article va vous plaire<\/li>\n<li><a href=_-1741.html>The web is ready for great graphic design<\/a>, CSS grid layout permet de faire de grandes choses<\/li>\n<\/ul>\n<p>#Responsive<\/p>\n<ul>\n<li><a href=_-1742.html>How to Design a Large Scale Responsive Site<\/a>, un processus responsive d\u00e9taill\u00e9<\/li>\n<li><a href=_-1743.html>Designing for Breakpoints<\/a>\u00a0par Stephen Hay, un article de 2013 sur comment d\u00e9finir ses points de rupture en responsive web design qui est toujours d&rsquo;actualit\u00e9<\/li>\n<\/ul>\n<p>#Produit<\/p>\n<p><a href=_-1744.html>\u00ab\u00a0The best visual description of a company I\u2019ve ever seen, as simple as that\u00a0\u00bb<\/a>, le coeur du produit r\u00e9sum\u00e9 en une matrice, qui peut en faire de m\u00eame avec son produit ?<\/p>\n<p>#PWA<\/p>\n<p><a href=_-1745.html>Designing For A Browserless Web, great article on what Progressive Web Apps can do for you<\/a>, un article tr\u00e8s utile sur les super pouvoirs des Progressive Web Apps<\/p>\n<p>#Front-end<\/p>\n<p><a href=_-1746.html>Optimizing CSS: Tweaking Animation Performance with DevTools<\/a><\/p>\n<p>#Resume<\/p>\n<p><a href=_-1747.html>\u00ab\u00a06 things I hate about your design CV\u00a0\u00bb<\/a>, les 6 choses \u00e0 \u00e9viter dans un CV, numero 1, les graphiques qui veulent rien dire sur vos comp\u00e9tences<\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#Illustration #Typographie<\/p>\n<p><a href=_-1748.html>Garamond Corpvs<\/a>, un m\u00e9lange de planches anatomiques et de lettrage, sublime (si vous savez pas quoi m&rsquo;offrir pour No\u00ebl :D)<\/p>\n<h2>Tutoriels<\/h2>\n<p>#JS<br \/>\n<a href=_-1749.html>Animating Layouts with the FLIP Technique<\/a> utiliser une technique qui inverse les animations pour les rendre plus fluides<\/p>\n<p>#Front-End<\/p>\n<p><a href=_-1750.html>The Front-End Checklist<\/a> &#8211; un outil de checklist front-end pour votre projet<\/p>\n<p>#CSS<\/p>\n<ul>\n<li><a href=_-1751.html>CSS Grid Starter Layouts<\/a>, des astuces grid layout<\/li>\n<li><a href=_-1752.html>Learn CSS Grid in 5 Minutes<\/a> &#8211; une introduction au grid layout en 5 minutes<\/li>\n<\/ul>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Inspiration<\/p>\n<p><a href=_-1753.html>designercize.com<\/a>\u00a0un outil en ligne qui vous donne des petits challenge de design random<\/p>\n<p>#Sketch<\/p>\n<ul>\n<li><a href=_-1754.html>Sketchcleaner<\/a> &#8211; un plugin pour nettoyer vos fichiers Sketch<\/li>\n<li><a href=_-1755.html>Diya<\/a>, un plugin Sketch pour animer les \u00e9l\u00e9ments directement dans le logiciel, h\u00e2te que \u00e7a sorte officiellement<\/li>\n<\/ul>\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.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 : un guide pour faire des revues d&rsquo;UX, l&rsquo;experience utilisateur des masques de champs localis\u00e9s, l&rsquo;\u00e9volution du &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6595,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6594","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 \u2013 1 d\u00e9cembre 2017 - 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 ; revues d&#039;UX, masques de champs localis\u00e9s, que peuvent faire les PWA pour vous, starters Grid Layout, conf\u00e9rences CSS,\u00a0 checklist pour l&#039;int\u00e9gration, animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-1756.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 1 d\u00e9cembre 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer ; revues d&#039;UX, masques de champs localis\u00e9s, que peuvent faire les PWA pour vous, starters Grid Layout, conf\u00e9rences CSS,\u00a0 checklist pour l&#039;int\u00e9gration, animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-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-12-01T08:16:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-01T08:18:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/11\/liensemqaine-1dec-2017.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-1-decembre-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/\",\"name\":\"La semaine en pixels \u2013 1 d\u00e9cembre 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-pixels-1-decembre-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemqaine-1dec-2017.jpg\",\"datePublished\":\"2017-12-01T08:16:37+00:00\",\"dateModified\":\"2017-12-01T08:18:13+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer ; revues d'UX, masques de champs localis\u00e9s, que peuvent faire les PWA pour vous, starters Grid Layout, conf\u00e9rences CSS,\u00a0 checklist pour l'int\u00e9gration, animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemqaine-1dec-2017.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemqaine-1dec-2017.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 1 d\u00e9cembre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer ; revues d'UX, masques de champs localis\u00e9s, que peuvent faire les PWA pour vous, starters Grid Layout, conf\u00e9rences CSS,\u00a0 checklist pour l'int\u00e9gration, animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.","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-1-decembre-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 1 d\u00e9cembre 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer ; revues d'UX, masques de champs localis\u00e9s, que peuvent faire les PWA pour vous, starters Grid Layout, conf\u00e9rences CSS,\u00a0 checklist pour l'int\u00e9gration, animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-12-01T08:16:37+00:00","article_modified_time":"2017-12-01T08:18:13+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/11\/liensemqaine-1dec-2017.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-1-decembre-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/","name":"La semaine en pixels \u2013 1 d\u00e9cembre 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-pixels-1-decembre-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemqaine-1dec-2017.jpg","datePublished":"2017-12-01T08:16:37+00:00","dateModified":"2017-12-01T08:18:13+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer ; revues d'UX, masques de champs localis\u00e9s, que peuvent faire les PWA pour vous, starters Grid Layout, conf\u00e9rences CSS,\u00a0 checklist pour l'int\u00e9gration, animations en JavaScript et des plugins pour nettoyer vos fichiers Sketch et y cr\u00e9er des animations.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-1-decembre-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemqaine-1dec-2017.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/11\/liensemqaine-1dec-2017.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\/6594"}],"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=6594"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6594\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6595"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}