{"id":6343,"date":"2017-05-19T09:22:30","date_gmt":"2017-05-19T07:22:30","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6343"},"modified":"2017-05-19T09:22:30","modified_gmt":"2017-05-19T07:22:30","slug":"la-semaine-en-pixels-19-mai-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/","title":{"rendered":"La semaine en pixels \u2013 19 Mai 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 : diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d’information, recherche utilisateur, conseils pour des animations et comment designer un site pour les personnes plus \u00e2g\u00e9es, les nouvelles fonctionnalit\u00e9s vraiment cool de Sketch 44 , des tutoriels CSS Grid Layout, une liste d’outils UX et un\u00a0boilerplate pour\u00a0Style Guides.<\/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 #Diversit\u00e9
\nWomen Who Design,<\/a>\u00a0un site qui rassemble des profiles de femmes\u00a0dans la communaut\u00e9 design<\/p>\n

\"\"<\/p>\n

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

#Performance
\nDon’t Guess it, Test it!<\/a><\/p>\n

\"\"
\n#UI
\nDead Simple Techniques for Using Branding in UI – The product is a play. The UI is the stage.<\/a><\/p>\n

\"\"<\/p>\n

#PWA #Mobile
\nA Case for Progressive Web Applications in 2017<\/a><\/p>\n

\"\"<\/p>\n

#UX
\nHow Human Memory Works: Tips For UX Designers<\/a>.<\/p>\n

\"\"<\/p>\n

#UX #Sliders #Interactions
\nSliders, Knobs, and Matrices: Balancing Exploration and Precision<\/a><\/p>\n

\"\"<\/p>\n

#AI #UX
\nDesign principle: Organizing information<\/a><\/p>\n

\"\"<\/p>\n

#UX #Recherche Utilisateur
\n\u00a0User Research with Prototypes: Asking the Right Questions\u00a0<\/a><\/p>\n

\"\"<\/p>\n

#PWA
\nProgressive Web Apps \u2014 Yeh or Meh?<\/a><\/p>\n

\"\"<\/p>\n

#Mobile #Liste
\nBest Practices for Horizontal Lists in Mobile<\/a><\/p>\n

\"\"<\/p>\n

#Motion #UI
\nMeaningful Motion with Action Driven Animation<\/a><\/p>\n

\"\"<\/p>\n

#UX #Age
\nHow to make websites age-friendly<\/a>, parce que l’on va tous vieillir un jour, autant rendre les sites accessibles :)<\/p>\n

\"\"<\/p>\n

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

#Illustration<\/p>\n

Zombie Survival Tools<\/a><\/p>\n

\"\"<\/p>\n

Beebs Groot<\/a>\u00a0par\u00a0Rogie<\/a><\/p>\n

\"\"<\/p>\n

L\u2019actualit\u00e9 webdesign<\/h2>\n

#CSS
\nThe :focus-within pseudo class<\/a><\/p>\n

\"\"<\/p>\n

#Sketch
\nSketch 44 Beta \u2014 in depth \u2013 Prototyping: From UX to Front End<\/a>\u00a0+\u00a0A new Artboard picker, better vectors and more in Sketch 44<\/a><\/p>\n

\"\"<\/p>\n

Tutoriels<\/h2>\n

#CSS<\/p>\n

Using CSS grid to experiment with fixed aspect ratio<\/a><\/p>\n

\"\"<\/p>\n

#Sketch
\nHow to have different interaction states within one symbol<\/a><\/p>\n

\"\"<\/p>\n

#CSS #Grid
\nBreaking Out With CSS Grid Layout<\/a>\u00a0et\u00a0un autre g\u00e9n\u00e9rateur de grilles<\/a><\/p>\n

\"\"<\/p>\n

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

 <\/p>\n

#UX
\nUXtools<\/a>,\u00a0un outil pour comparer les outils d’UX<\/p>\n

\"\"<\/p>\n

#StyleGuide<\/p>\n

Style Guide Guide<\/a>, un boilerplate de style guide par\u00a0@<\/s>brad_frost<\/a><\/p>\n

\"\"<\/p>\n

#HTML
\nIntroducing Mavo: Create Web Apps Entirely By Writing HTML!<\/a><\/p>\n

\"\"<\/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 : diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d’information, recherche utilisateur, conseils pour des animations et …<\/p>\n","protected":false},"author":3,"featured_media":6345,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6343","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 19 Mai 2017 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d'information, recherche utilisateur, conseils pour des animations, Sketch 44 ,tutoriels CSS Grid Layout, liste d'outils UX et boilerplate pour\u00a0Style Guides.\" \/>\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-pixels-19-mai-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 19 Mai 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d'information, recherche utilisateur, conseils pour des animations, Sketch 44 ,tutoriels CSS Grid Layout, liste d'outils UX et boilerplate pour\u00a0Style Guides.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-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-05-19T07:22:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/05\/lienssemaine-17-mai.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-pixels-19-mai-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/\",\"name\":\"La semaine en pixels \u2013 19 Mai 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-19-mai-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/05\/lienssemaine-17-mai.jpg\",\"datePublished\":\"2017-05-19T07:22:30+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d'information, recherche utilisateur, conseils pour des animations, Sketch 44 ,tutoriels CSS Grid Layout, liste d'outils UX et boilerplate pour\u00a0Style Guides.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/05\/lienssemaine-17-mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/05\/lienssemaine-17-mai.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 19 Mai 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 19 Mai 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d'information, recherche utilisateur, conseils pour des animations, Sketch 44 ,tutoriels CSS Grid Layout, liste d'outils UX et boilerplate pour\u00a0Style Guides.","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-19-mai-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 19 Mai 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d'information, recherche utilisateur, conseils pour des animations, Sketch 44 ,tutoriels CSS Grid Layout, liste d'outils UX et boilerplate pour\u00a0Style Guides.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-05-19T07:22:30+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/05\/lienssemaine-17-mai.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-pixels-19-mai-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/","name":"La semaine en pixels \u2013 19 Mai 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-19-mai-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/05\/lienssemaine-17-mai.jpg","datePublished":"2017-05-19T07:22:30+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0diversit\u00e9, performance, Progressive Web Apps, exp\u00e9rience utilisateur, architecture d'information, recherche utilisateur, conseils pour des animations, Sketch 44 ,tutoriels CSS Grid Layout, liste d'outils UX et boilerplate pour\u00a0Style Guides.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/05\/lienssemaine-17-mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/05\/lienssemaine-17-mai.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 19 Mai 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\/6343","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=6343"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6345"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}