{"id":6221,"date":"2017-01-27T08:52:49","date_gmt":"2017-01-27T07:52:49","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6221"},"modified":"2017-01-27T08:53:13","modified_gmt":"2017-01-27T07:53:13","slug":"semaine-pixels-27-janvier-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/","title":{"rendered":"La semaine en pixels \u2013 27 janvier 2017"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : Design thinking, beaucoup d’articles UX\u00a0(portfolio, process, conseils avant de commencer et conseils pour \u00e9viter d’\u00eatre coinc\u00e9s), un cours de design d’interface, des guidelines pour les zones au touch, notifications Push et UX, utilisabilit\u00e9 des formulaires et input type=date, quelques propri\u00e9t\u00e9s CSS int\u00e9ressantes (initial value, display flow-root, keyframes, bugs flexbox, etc.), accessibilit\u00e9 HTML et\u00a0ARIA et des conseils et outils\u00a0SVG.<\/p>\n

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

 <\/p>\n

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

#Design<\/p>\n

Ssh! Don\u2019t Tell Them There\u2019s No Magic In Design Thinking<\/a><\/p>\n

\"\"<\/p>\n

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

#Forms<\/p>\n

10 Best Practices for Designing User-Friendly Forms<\/a><\/p>\n

\"\"<\/p>\n

#Bots<\/p>\n

Where Do Bots Come From?<\/a><\/p>\n

\"\"<\/p>\n

#Process<\/p>\n

Between \u2018Wireframe\u2019 and \u2018Mockup\u2019 Lies a World of Nomenclature<\/a><\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Screenshots are so Last Year: How to Write a Case Study That Wins You Clients<\/a><\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

An SVG Wish List<\/a><\/p>\n

\"\"<\/p>\n

#Maths<\/p>\n

The story of a designer conquering mathematics.<\/a><\/p>\n

\"\"<\/p>\n

#UI Design<\/p>\n

Crash Course: UI Design<\/a><\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

UX Design Process: Is There Really One? (UsabilityGeek)<\/a><\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

22 Things New UX Designers Should know Before Entering the Workplace<\/a><\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

How to Avoid UX Burnout<\/a><\/p>\n

\"\"<\/p>\n

#UX #Analytics<\/p>\n

The Most Effective Ways to Analyze Session Replay Videos<\/a><\/p>\n

\"\"<\/p>\n

#UX #Notifications<\/p>\n

Web Push Notification EP 1 : From Case Study to UI\/UX State !<\/a><\/p>\n

\"\"<\/p>\n

#Design #History<\/p>\n

History of design is a history of technological change, and interactive design is not immune to automation<\/a><\/p>\n

\"\"<\/p>\n

#Mobile #Touch<\/p>\n

Using science to make truly tappable user interfaces<\/a><\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

The Archetypes of UX Design<\/a><\/p>\n

\"\"<\/p>\n

#HTML #Forms<\/p>\n

Making input type=date complicated<\/a><\/p>\n

\"\"<\/p>\n

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

#Illustration<\/p>\n

Lovely chicken illustration<\/a><\/p>\n

\"\"<\/p>\n

<\/h2>\n

Tutoriels<\/h2>\n

#CSS<\/p>\n

Let’s Look at 50+ Interesting CSS Properties & Values<\/a class=\"link-on-image\" >\"\"<\/p>\n

#CSS<\/p>\n

The end of the clearfix hack?<\/a> display: flow-root; (Canary and FF nightly)<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Hard Reset: Using the CSS Initial Value<\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Animate to Different End States Using One Set of CSS Keyframes<\/a><\/p>\n

\"\"<\/p>\n

#A11y<\/p>\n

Rules for Using ARIA in HTML<\/a><\/p>\n

\"\"<\/p>\n

#Illustrator<\/p>\n

Illustrator\u2019s SVG export settings<\/a><\/p>\n

\"\"<\/p>\n

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

#SVG<\/p>\n

Hero Patterns<\/a><\/p>\n

\"\"<\/p>\n

#Flexbox<\/p>\n

Flexbugs: A community-curated list of flexbox issues and cross-browser workarounds for them<\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS Triggers<\/a><\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : Design thinking, beaucoup d’articles UX\u00a0(portfolio, process, conseils avant de commencer et conseils pour \u00e9viter d’\u00eatre coinc\u00e9s), …<\/p>\n","protected":false},"author":3,"featured_media":6222,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6221","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 27 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <meta name=\"description\" content=\"Au programme : Design thinking, articles UX, cours de design d'interface, des guidelines pour les zones au touch, notifications Push et UX, formulaires, input type=date, propri\u00e9t\u00e9s CSS initial value, display flow-root, accessibilit\u00e9 HTML et ARIA et des conseils et outils SVG.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2150.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 27 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"Au programme : Design thinking, articles UX, cours de design d'interface, des guidelines pour les zones au touch, notifications Push et UX, formulaires, input type=date, propri\u00e9t\u00e9s CSS initial value, display flow-root, accessibilit\u00e9 HTML et ARIA et des conseils et outils SVG.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-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-01-27T07:52:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-27T07:53:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/liens-semaine-27-janvier.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=\"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-27-janvier-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/\",\"name\":\"La semaine en pixels \u2013 27 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/liens-semaine-27-janvier.jpg\",\"datePublished\":\"2017-01-27T07:52:49+00:00\",\"dateModified\":\"2017-01-27T07:53:13+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Au programme : Design thinking, articles UX, cours de design d'interface, des guidelines pour les zones au touch, notifications Push et UX, formulaires, input type=date, propri\u00e9t\u00e9s CSS initial value, display flow-root, accessibilit\u00e9 HTML et ARIA et des conseils et outils SVG.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/liens-semaine-27-janvier.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/liens-semaine-27-janvier.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'utilisabilit\u00e9 et l'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 & 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 27 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Au programme : Design thinking, articles UX, cours de design d'interface, des guidelines pour les zones au touch, notifications Push et UX, formulaires, input type=date, propri\u00e9t\u00e9s CSS initial value, display flow-root, accessibilit\u00e9 HTML et ARIA et des conseils et outils SVG.","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-27-janvier-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 27 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Au programme : Design thinking, articles UX, cours de design d'interface, des guidelines pour les zones au touch, notifications Push et UX, formulaires, input type=date, propri\u00e9t\u00e9s CSS initial value, display flow-root, accessibilit\u00e9 HTML et ARIA et des conseils et outils SVG.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-01-27T07:52:49+00:00","article_modified_time":"2017-01-27T07:53:13+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/liens-semaine-27-janvier.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/","name":"La semaine en pixels \u2013 27 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/liens-semaine-27-janvier.jpg","datePublished":"2017-01-27T07:52:49+00:00","dateModified":"2017-01-27T07:53:13+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Au programme : Design thinking, articles UX, cours de design d'interface, des guidelines pour les zones au touch, notifications Push et UX, formulaires, input type=date, propri\u00e9t\u00e9s CSS initial value, display flow-root, accessibilit\u00e9 HTML et ARIA et des conseils et outils SVG.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-27-janvier-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/liens-semaine-27-janvier.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/liens-semaine-27-janvier.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'utilisabilit\u00e9 et l'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 & 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\/6221"}],"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=6221"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6221\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6222"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}