{"id":4981,"date":"2016-02-05T08:20:45","date_gmt":"2016-02-05T07:20:45","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4981"},"modified":"2016-02-05T08:31:30","modified_gmt":"2016-02-05T07:31:30","slug":"la-semaine-en-pixels-5-fevrier-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/","title":{"rendered":"La semaine en pixels \u2013 5 f\u00e9vrier 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 cette semaine : g\u00e9n\u00e9rer facilement les images et publicit\u00e9s des r\u00e9seaux sociaux, installer une webapp sur mobile, une r\u00e9flexion sur la manipulation et le design, \u00a0le pouvoir du d\u00e9lais de paiement sur l’exp\u00e9rience utilisateur, se pr\u00e9parer et anticiper les retours nagatifs des clients et les \u00e9viter, un joli slider, un case study e-commerce, un peu de troll gentil sur le pathfinder, quelques tendances et de jolies couleurs d’albums de musique, sans oublier des tutoriels\u00a0CSS pour faire du masonry, \u00e9diter des images et customiser des checkboxes, et des outils d’emails responsive\u00a0et pour am\u00e9liorer l’exp\u00e9rience utilisateur ainsi qu’un petit g\u00e9n\u00e9rateur de fausse bio twitter.<\/p>\n

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

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

#Social<\/p>\n

Adsvise.com<\/a>, une ressource qui rassemble les tailles des images (header, cards, etc.) et images publicitaires utilis\u00e9es dans les principaux r\u00e9seaux sociaux.<\/p>\n

\"\"<\/p>\n

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

#Remote<\/p>\n

Why I work remotely (hint: it has nothing to do with productivity)<\/a>, travailler de chez soi, et pas uniquement pour des questions de productivit\u00e9<\/p>\n

\"\"<\/p>\n

#WebApp<\/p>\n

How to make your web app installable<\/a> ou comment cr\u00e9er des web app qui ressemblent \u00e0 des applications natives avec une ic\u00f4ne de lancement, un lancement plein \u00e9cran, etc.<\/p>\n

\"\"<\/p>\n

#Photoshop #Maniputation<\/p>\n

A Special Hell for Designers Like Me<\/a>, un excellent article sur plusieurs \u201c astuces \u201d si on peut les appeler comme \u00e7a de manipulation photo pour vendre un produit pas forc\u00e9ment super excitant de base<\/p>\n

\"\"<\/p>\n

#UX #delight #payment<\/p>\n

How to Design Delightful UX Through the Power of Delay<\/a>, un article tr\u00e8s int\u00e9ressant sur le pouvoir du d\u00e9lai de paiement sur l\u2019exp\u00e9rience utilisateur (paiement au fur et \u00e0 mesure comme le taxi, consommer en 1e et payer ensuite, ou paiement d\u2019avance pour un produit \/ service que l\u2019on aura plus tard)<\/p>\n

\"\"<\/p>\n

#Design<\/p>\n

Balance In Web Design And Why It Is Important<\/a> \u00a0conseils et astuces pour un design de site \u00e9quilibr\u00e9<\/p>\n

\"\"<\/p>\n

#Mobile #Usability<\/p>\n

Mobile Usability: Allow Users to ‘Search Within’ Their Current Category (94% Don\u2019t)<\/a> proposer aux utilisateurs de chercher \u00e0 l\u2019int\u00e9rieur des cat\u00e9gories en e-commerce<\/p>\n

\"\"<\/p>\n

#JavaScript<\/p>\n

What To Expect From JavaScript In 2016 \u2013 Beyond the Browser<\/a>, en 2016 le JavaScript sera de plus en plus utilis\u00e9 en dehors du navigateur : Node.js, Cordova, desktop apps, etc.<\/p>\n

\"\"<\/p>\n

#Humain #Retours clients<\/p>\n

Stop hoping for the best. Preempt potential problems<\/a>, aller au devant des probl\u00e8mes et des retours qui pourraient \u00eatre faits sur le design permet souvent de d\u00e9samorcer des situations de conflit<\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

Elastic Circle Slideshow<\/a>, un slideshow avec des transitions sympa<\/p>\n

\"\"<\/p>\n

#Case Study<\/p>\n

Un case study en vid\u00e9o pour un e-commerce<\/a>, assez impressionnant<\/p>\n

\"\"<\/p>\n

#Troll<\/p>\n

\u00c7a trolle gentiment le pathfinder, et pourtant c\u2019est tellement vrai<\/a><\/p>\n

\"\"<\/p>\n

#Couleur<\/p>\n

Album colors of the year<\/a>, un joli projet qui rassemble des pochettes d\u2019album color\u00e9es<\/p>\n

\"\"<\/p>\n

#Trend<\/p>\n

Are These Graphic Design Trends Going Out of Style?<\/a>, est-ce que certaines de ces tendances graphiques sont d\u00e9mod\u00e9es ? Perso je ne pense pas, on est \u00e0 la mode du flat, mais il y a encore pleins de choses que l\u2019on peut justement faire pour se d\u00e9marquer.<\/p>\n

\"\"<\/p>\n

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

#CSS<\/p>\n

HOW TO: Pure CSS masonry layouts<\/a> cr\u00e9er une mise en page dans un style masonry sans la moindre ligne de JavaScript<\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Une conf\u00e9rence vraiment sympa : Editing Images in CSS (\u00e9diter les images avec du CSS<\/a>) par @Una<\/a><\/p>\n

\"\"<\/p>\n

#CSS<\/p>\n

Completely CSS: Custom checkboxes, radio buttons and select boxes <\/a>, styler des checkboxes, boutons radio et select en CSS<\/p>\n

\"\"<\/p>\n

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

#JS<\/p>\n

You Dont \/ Might Not Need \u2026<\/a>, une liste de toutes les listes \u201cyou don\u2019t need\u201d (par exemple vous n\u2019avez pas besoin de jQuery vous pouvez le faire en JS classique)<\/p>\n

\"\"<\/p>\n

#Email<\/p>\n

Des ressources pour coder des emails : responsive email patterns<\/a> + good product email design code<\/a><\/p>\n

\"\"<\/p>\n

#Color<\/p>\n

CHROMANTICS<\/a> : un petit jeu en ligne sur la th\u00e9orie des couleurs<\/p>\n

\"\"<\/p>\n

#A11Y<\/p>\n

The accessibility stack: making a better layer cake<\/a>, la prise en compte de l\u2019accessibilit\u00e9 \u00e0 diff\u00e9rentes \u00e9tapes (HTML, CSS, JavaScript, Aria)<\/p>\n

\"\"<\/p>\n

#UX<\/p>\n

The List of UX Tools to Rule Them All<\/a>, la liste ULTIME d\u2019outils pour l\u2019UX design<\/p>\n

\"\"<\/p>\n

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

#Troll<\/p>\n

Designer Bio Generator\u2122<\/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 cette semaine : g\u00e9n\u00e9rer facilement les images et publicit\u00e9s des r\u00e9seaux sociaux, installer une webapp sur mobile, …<\/p>\n","protected":false},"author":3,"featured_media":4974,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4981","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 5 f\u00e9vrier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer<\/title>\n<meta name=\"description\" content=\"G\u00e9n\u00e9rateur d'images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d'emails responsive.\" \/>\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-5-fevrier-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 5 f\u00e9vrier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer\" \/>\n<meta property=\"og:description\" content=\"G\u00e9n\u00e9rateur d'images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d'emails responsive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-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-02-05T07:20:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-02-05T07:31:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/liensemaine-5fv.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=\"4 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-5-fevrier-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/\",\"name\":\"La semaine en pixels \u2013 5 f\u00e9vrier 2016 - 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-5-fevrier-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/liensemaine-5fv.jpg\",\"datePublished\":\"2016-02-05T07:20:45+00:00\",\"dateModified\":\"2016-02-05T07:31:30+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"G\u00e9n\u00e9rateur d'images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d'emails responsive.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/liensemaine-5fv.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/liensemaine-5fv.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 5 f\u00e9vrier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"G\u00e9n\u00e9rateur d'images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d'emails responsive.","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-5-fevrier-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 5 f\u00e9vrier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"G\u00e9n\u00e9rateur d'images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d'emails responsive.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-02-05T07:20:45+00:00","article_modified_time":"2016-02-05T07:31:30+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/liensemaine-5fv.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/","name":"La semaine en pixels \u2013 5 f\u00e9vrier 2016 - 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-5-fevrier-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/liensemaine-5fv.jpg","datePublished":"2016-02-05T07:20:45+00:00","dateModified":"2016-02-05T07:31:30+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"G\u00e9n\u00e9rateur d'images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d'emails responsive.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-5-fevrier-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/liensemaine-5fv.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/liensemaine-5fv.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\/4981","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=4981"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4974"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}