{"id":5519,"date":"2016-07-08T08:53:27","date_gmt":"2016-07-08T06:53:27","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5519"},"modified":"2016-07-08T09:06:03","modified_gmt":"2016-07-08T07:06:03","slug":"semaine-pixels-8-juillet-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/","title":{"rendered":"La semaine en pixels \u2013 8 juillet 2016"},"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 : simplifier ses interfaces pour les rendre plus utilisables et tendance \u00e0 la r\u00e9duction minimaliste des grands noms des applications mobiles, utilisation de labels et design de formulaires, erreurs mobiles \u00e0 \u00e9viter, le retour du d\u00e9bat sur la mort du web vs les applications natives, accessibilit\u00e9 et redimension des lignes en SVG, astuces\u00a0de d\u00e9coration CSS, triangles et soulignement. Du c\u00f4t\u00e9 de l’inspiration, de jolies r\u00e9alisations en CSS et un outil pour d\u00e9bloquer sa cr\u00e9ativit\u00e9. Enfin des outils de monitoring de performance, pour cr\u00e9er une palette de couleurs et pour le prototypage.<\/p>\n

D’ailleurs je serais aux Etats-Unis (Los Angeles puis\u00a0San Franscisco pour\u00a0Generate Conf<\/a>) et\u00a0apr\u00e8s\u00a0Amsterdam, donc plus de liens de la semaine avant le 29. Vous pouvez toujours suivre les photos sur instagram en attendant ^^\u00a0<\/em><\/strong><\/p>\n

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

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

#forms<\/p>\n

Design Better Forms<\/a> – des conseils pour \u00e9viter des erreurs classiques de design de formulaires<\/p>\n

\"\"<\/p>\n

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

#Design<\/p>\n

How to Declutter your Design<\/a>, comment simplifier et a\u00e9rer son design<\/p>\n

\"\"<\/p>\n

#Form<\/p>\n

Always use a label<\/a>. Utilisez toujours un label pour vos formulaires, oui, m\u00eame sur un champ de recherche o\u00f9 le label est masqu\u00e9 !<\/p>\n

\"\"<\/p>\n

#Mobile #Design<\/p>\n

Don\u2019t Make These 10 Mistakes in Your App Design<\/a>, 10 erreurs de design mobile \u00e0 \u00e9viter<\/p>\n

\"\"<\/p>\n

#Mobile #Native #Web<\/p>\n

Is the web dying?<\/a> Le retour du d\u00e9bat web vs natif avec des statts mobiles interessants<\/p>\n

\"\"<\/p>\n

#Amp<\/p>\n

About that \u2018mobile\u2019 in Accelerated Mobile Pages<\/a>, un retour sur AMP, la technologie Google pour acc\u00e9l\u00e9rer les pages web mobile<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Complexion Reduction: A New Trend In Mobile Design<\/a>, une nouvelle \u201ctendance\u201d de design \u00e0 base de titres gras, d\u2019ic\u00f4nes plus simples et universelles avec un retour vers moins de couleurs serait-elle entrain d\u2019\u00e9merger pour les applications mobiles ?<\/p>\n

\"\"<\/p>\n

#A11Y<\/p>\n

Accessible SVGs<\/a>, longue lecture tr\u00e8s d\u00e9taill\u00e9e sur l\u2019accessibilit\u00e9 de diff\u00e9rentes techniques d\u2019affichage des SVG<\/p>\n

\"\"<\/p>\n

#Conference<\/p>\n

Une superbe conf \u00e0 regarder absolument sur l’\u00e9tat de notre industrie en France<\/a><\/p>\n

#Design<\/p>\n

20 Things You Didn\u2019t Know About Pop Art<\/a>, la petite histoire du pop art<\/p>\n

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

#CSS<\/p>\n

A Single Div<\/a>, un joli projet de dessins en CSS<\/p>\n

\"\"<\/p>\n

#Inspiration<\/p>\n

Designer’s Block<\/a>, un petit site sympa pour vous aider en cas de panne cr\u00e9ative, pas convaincue que \u00e7a marche mais c\u2019est fun<\/p>\n

\"\"<\/p>\n

#Portfolio<\/p>\n

thefunderstorms.com<\/a> un portfolio fun et sympa avec des petits jeux<\/p>\n

\"\"<\/p>\n

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

#Animations<\/p>\n

Un petit tutoriel pour vous expliquer le fonctionnement du Chrome DevTools Animation Inspector<\/a><\/p>\n

\"\"<\/p>\n

#SVG<\/p>\n

Redimensionner des SVG avec vector-effect=\u00a0\u00bbnon-scaling-stroke\u00a0\u00bb<\/a> pour garder la taille des lignes de base, vraiment pratique !<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

CSS for Decoration<\/a>: shapes, region, maskings and more :)<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Commes sont cr\u00e9\u00e9s les triangles CSS, expliqu\u00e9 dans une petite animation<\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Introducing the CSS text-align-last Property<\/a>, elle a l\u2019air pratique cette propri\u00e9t\u00e9<\/p>\n

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

#Performance<\/p>\n

Performance<\/a> un outil de monitoring de performance que vous pouvez installer chez vous via un package Gulp<\/p>\n

\"\"#WordPress<\/p>\n

Un plugin WordPress<\/a> qui permet de cr\u00e9er des mises en page complexes directement du c\u00f4t\u00e9 front<\/p>\n

\"\"<\/p>\n

#Sketch<\/p>\n

A Sketch plugin<\/a> pour cr\u00e9er des artboards avec les jeux de couleur de votre site<\/p>\n

\"\"<\/p>\n

 <\/p>\n

#Placeholder<\/p>\n

Un service qui vous propose des image de Star Wars \u00e0 utiliser en placeholders<\/a><\/p>\n

\"\"<\/p>\n

#Prototyping<\/p>\n

6 Prototyping Tools For Any UX Designer<\/a><\/p>\n

Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n

#CSS<\/p>\n

Decorative Text Underline<\/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 : simplifier ses interfaces pour les rendre plus utilisables et tendance \u00e0 la r\u00e9duction minimaliste des grands …<\/p>\n","protected":false},"author":3,"featured_media":5523,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-liens-utiles"],"yoast_head":"\nLa semaine en pixels \u2013 8 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\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\/semaine-pixels-8-juillet-2016\/\" \/>\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 8 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"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 : simplifier ses interfaces pour les rendre plus utilisables et tendance \u00e0 la r\u00e9duction minimaliste des grands …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/\" \/>\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=\"2016-07-08T06:53:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-07-08T07:06:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/07\/liens-semaine-8juillet.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-pixels-8-juillet-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/\",\"name\":\"La semaine en pixels \u2013 8 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-8juillet.jpg\",\"datePublished\":\"2016-07-08T06:53:27+00:00\",\"dateModified\":\"2016-07-08T07:06:03+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-8juillet.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-8juillet.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 8 juillet 2016\"},{\"@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 8 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","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-8-juillet-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 8 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"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 : simplifier ses interfaces pour les rendre plus utilisables et tendance \u00e0 la r\u00e9duction minimaliste des grands …","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-07-08T06:53:27+00:00","article_modified_time":"2016-07-08T07:06:03+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/07\/liens-semaine-8juillet.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-pixels-8-juillet-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/","name":"La semaine en pixels \u2013 8 juillet 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-8juillet.jpg","datePublished":"2016-07-08T06:53:27+00:00","dateModified":"2016-07-08T07:06:03+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-8-juillet-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-8juillet.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/07\/liens-semaine-8juillet.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 8 juillet 2016"},{"@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\/5519","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=5519"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5519\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5523"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}