{"id":5368,"date":"2016-05-27T08:33:02","date_gmt":"2016-05-27T06:33:02","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5368"},"modified":"2016-05-27T08:41:02","modified_gmt":"2016-05-27T06:41:02","slug":"la-semaine-en-pixels-27-mai-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/","title":{"rendered":"La semaine en pixels \u2013 27 mai 2016"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : performance mobile, ghost buttons, autofill de formulaires, UX choregraphy, processus de design, la mort du bouton \u00ab\u00a0voir le site complet\u00a0\u00bb sur mobile, optimisation des vignettes pour les variantes colorim\u00e9triques de produits\u00a0et quelques v\u00e9rit\u00e9s sur vos utilisateurs. De jolis effets visuels du c\u00f4t\u00e9 des d\u00e9mos, des outils pour r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop tr\u00e8s utile pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.<\/p>\n<p>Pour plus de liens chaque matin vous pouvez <a href=\"https:\/\/twitter.com\/WalterStephanie\">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=\"http:\/\/howtocenterincss.com\/\">How to center in CSS<\/a>, un g\u00e9n\u00e9rateur pour vous apprendre \u00e0 centrer en CSS.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5386\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/center-css.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Performance<\/p>\n<p><a href=\"http:\/\/molily.de\/mobile-web-performance\/\">Lazy-loading and lazy-initialization should not interrupt user interaction<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5370\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/performance-best-practise.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"http:\/\/babich.biz\/ghost-buttons-in-ux-design\/\">Ghost Buttons in UX Design<\/a>, l\u2019utilisation des \u201cghost buttons\u201d sur un site<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5369\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/ghost-button-ux.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX #HTML<\/p>\n<p><a href=\"http:\/\/blog.cloudfour.com\/autofill-what-web-devs-should-know-but-dont\/\">Autofill: What web devs should know, but don\u2019t<\/a> ce qu\u2019il faut savoir sur l\u2019autofill en HTML<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5371\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/autofill.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX #Animations<\/p>\n<p><a href=\"https:\/\/medium.com\/@becca_u\/the-principles-of-ux-choreography-69c91c2cbc2a#.101l2gpxr\">The Principles of UX Choreography<\/a>, un article sur les animations d\u2019interface<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5372\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/ux-choregraphy.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#Psychology<\/p>\n<p><a href=\"http:\/\/www.sketchplanations.com\/post\/144619804411\/the-fresh-start-effect-the-simple-fact-that-the\">The fresh start effect<\/a> l\u2019effet du nouveau d\u00e9part expliqu\u00e9 dans un petit croquis sympa<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5373\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/freshstart.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"http:\/\/www.fastcodesign.com\/3059921\/ux-reality-check-14-hard-truths-about-users\">UX Reality Check: 14 Hard Truths About Users<\/a>, 14 v\u00e9rit\u00e9s sur vos utilisateurs<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5374\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/ux-reality.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#E-commerce<\/p>\n<p><a href=\"http:\/\/baymard.com\/blog\/color-and-variation-searches\">Product Thumbnails Should Dynamically Update to Match the Variation Searched For (54% Don\u2019t)<\/a>, les miniatures de produit devraient \u00eatre dans la variation de couleur demand\u00e9e par l\u2019utilisateur dans sa recherche<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5375\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/product-thumb.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Process<\/p>\n<p><a href=\"https:\/\/blog.prototypr.io\/my-process-of-creating-the-arriva-web-site-d5bca69390a3#.881os2bgf\">My process of creating the Arriva web site<\/a>, un tr\u00e8s bon article sur le processus de design \u00e0 base d\u2019artboards Photoshop<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5377\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/design-process.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/articles.uie.com\/full_site_must_die\/\">\u2018View Full Site\u2019 Must Die<\/a>, ou pourquoi les boutons \u201cvoir le site complet\u201d en bas des sites mobiles d\u00e9di\u00e9 devraient dispara\u00eetre<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5378\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/view-fullsite.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"http:\/\/usabilitygeek.com\/designing-content-heavy-websites\/\">Designing for Content-Heavy Websites<\/a>, designer pour des sites riches en contenu avec du whitepace, des photos, etc.<\/p>\n<p>#Ecommerce<\/p>\n<p><a href=\"https:\/\/studio.uxpin.com\/blog\/rotating-carousels-4-alternatives-drive-sales\/\">Rotating Website Carousels: 4 Alternatives That Drive Sales<\/a>, 4 alternatives aux carrousels tournants que l\u2019on voit sur toutes les page d\u2019accueil de site e-commerce<\/p>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/adactio.com\/journal\/10708\">Regressive Web Apps<\/a>, Jeremy Keith\u00a0nous parle des soucis selon lui des \u00ab\u00a0progressives Web Apps\u00a0\u00bb (notamment du fait que l&rsquo;on cache l&rsquo;URL)<\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Effects<\/p>\n<p><a href=\"https:\/\/engineering.canva.com\/2016\/05\/16\/five-visual-effects\">5 Visual Effects Canva Uses to Thrill Users<\/a>, 5effets visuels sympas d\u00e9compos\u00e9s en petites \u00e9tapes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5381\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/viesual-effect.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/css-tricks.stfi.re\/injecting-line-break\/\">Injecting a Line Break<\/a> injecter un saut de ligne dans un h2 sans &lt;br&gt;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5383\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/block-content.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#3D #CSS<\/p>\n<p>Nice demo: <a href=\"http:\/\/tympanus.net\/Development\/IsometricGrids\/\">Isometric and 3D Grids<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5382\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/isometric-grid.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/www.csspurge.com\/\">csspurge.com<\/a>, ou quand le CSS devient trop lourd, trop sp\u00e9cifique, trop complexe \u00e0 maintenir<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5384\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/csspurge.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#A11Y<\/p>\n<p><a href=\"http:\/\/ianmcburnie.github.io\/mindpatterns\/\">MIND Patterns<\/a> , un r\u00e9pertoire de patterns UI accessibles par Ebay<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5385\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/acordion.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#iOS #Android<\/p>\n<p><a href=\"https:\/\/www.behance.net\/gallery\/37148547\/Open-Source-iOS-and-Android-Controls\">Open Source iOS and Android Controls<\/a> des elements d\u2019interface open source pour iOS et Android<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5387\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/animated-tabar.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Photoshop<\/p>\n<p><a href=\"https:\/\/github.com\/antoniocosta\/photoshopscripts\/blob\/master\/Layer%20Comps%20To%20Artboard%20Files.jsx\">Layer Comps To Artboard Files.jsx<\/a>, le script pour exporter des planches Photoshop avec des compositions de calques<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5388\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/layercompartboard.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Responsive<\/p>\n<p><a href=\"http:\/\/codepen.io\/davatron5000\/pen\/XdwLbp\">Responsive Product Comparison Table technique<\/a>, des tableaux de comparaison de prix responsive<\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Forthelol<\/p>\n<p><a href=\"http:\/\/gunsreplacedwithselfiesticks.tumblr.com\">Guns replaces with selfie sticks<\/a> hahaa<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5389\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/replace-gun.jpg\" alt=\"\" width=\"1040\" height=\"650\" \/><\/p>\n<p>#Forthelol\u00b2<\/p>\n<p><a href=\"http:\/\/tragedies.fr\/\">tragedies.fr<\/a> un super magazine pour la strat\u00e9gie digitale bullshit 2.0 qu\u2019il est bien<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 8 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 : performance mobile, ghost buttons, autofill de formulaires, UX choregraphy, processus de design, la mort du bouton &hellip;<\/p>\n","protected":false},"author":3,"featured_media":5376,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 27 mai 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0performance mobile, auto-fill, processus de design, la mort du bouton &quot;voir le site complet&quot; sur mobile, optimisation des vignettes\u00a0e-commerce,\u00a0quelques v\u00e9rit\u00e9s sur vos utilisateurs,\u00a0r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.\" \/>\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-27-mai-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 27 mai 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0performance mobile, auto-fill, processus de design, la mort du bouton &quot;voir le site complet&quot; sur mobile, optimisation des vignettes\u00a0e-commerce,\u00a0quelques v\u00e9rit\u00e9s sur vos utilisateurs,\u00a0r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-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-05-27T06:33:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-27T06:41:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/liens-semaine-27mai.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\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-27-mai-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/\",\"name\":\"La semaine en pixels \u2013 27 mai 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-27-mai-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-27mai.jpg\",\"datePublished\":\"2016-05-27T06:33:02+00:00\",\"dateModified\":\"2016-05-27T06:41:02+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0performance mobile, auto-fill, processus de design, la mort du bouton \\\"voir le site complet\\\" sur mobile, optimisation des vignettes\u00a0e-commerce,\u00a0quelques v\u00e9rit\u00e9s sur vos utilisateurs,\u00a0r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-27mai.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-27mai.jpg\",\"width\":850,\"height\":450,\"caption\":\"La semaine en pixels \u2013 27 mai 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&#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:\/\/twitter.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"La semaine en pixels \u2013 27 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0performance mobile, auto-fill, processus de design, la mort du bouton \"voir le site complet\" sur mobile, optimisation des vignettes\u00a0e-commerce,\u00a0quelques v\u00e9rit\u00e9s sur vos utilisateurs,\u00a0r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.","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-27-mai-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 27 mai 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0performance mobile, auto-fill, processus de design, la mort du bouton \"voir le site complet\" sur mobile, optimisation des vignettes\u00a0e-commerce,\u00a0quelques v\u00e9rit\u00e9s sur vos utilisateurs,\u00a0r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-05-27T06:33:02+00:00","article_modified_time":"2016-05-27T06:41:02+00:00","og_image":[{"width":850,"height":450,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/05\/liens-semaine-27mai.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-27-mai-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/","name":"La semaine en pixels \u2013 27 mai 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-27-mai-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-27mai.jpg","datePublished":"2016-05-27T06:33:02+00:00","dateModified":"2016-05-27T06:41:02+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0performance mobile, auto-fill, processus de design, la mort du bouton \"voir le site complet\" sur mobile, optimisation des vignettes\u00a0e-commerce,\u00a0quelques v\u00e9rit\u00e9s sur vos utilisateurs,\u00a0r\u00e9duire le poids de vos CSS, centrer en CSS, un script Photoshop pour exporter les artboards avec des compositions de calques et une librairie de patterns accessible made in Ebay.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-mai-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-27mai.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/05\/liens-semaine-27mai.jpg","width":850,"height":450,"caption":"La semaine en pixels \u2013 27 mai 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&#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:\/\/twitter.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5368"}],"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=5368"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/5368\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/5376"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=5368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=5368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=5368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}