{"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":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 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&rsquo;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&rsquo;albums de musique, sans oublier des tutoriels\u00a0CSS pour faire du masonry, \u00e9diter des images et customiser des checkboxes, et des outils d&#8217;emails responsive\u00a0et pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur ainsi qu&rsquo;un petit g\u00e9n\u00e9rateur de fausse bio twitter.<\/p>\n<p>Pour plus de liens 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>#Social<\/p>\n<p><a href=\"http:\/\/www.adsvise.com\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4959\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/advise.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/advise.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/advise-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Remote<\/p>\n<p><a href=\"https:\/\/m.signalvnoise.com\/why-i-work-remotely-hint-it-has-nothing-to-do-with-productivity-34ace30f74fc#.awk8x587z\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4978\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/remote.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/remote.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/remote-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#WebApp<\/p>\n<p><a href=\"https:\/\/medium.com\/@franciov\/how-to-make-your-web-app-installable-8b71571605e#.d2l2z72q8\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4969\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/ebapp.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/ebapp.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/ebapp-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Photoshop #Maniputation<\/p>\n<p><a href=\"https:\/\/medium.com\/@ade3\/a-special-hell-for-designers-like-me-5c55bd855613#.fkpyckuhp\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4971\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/hell-design.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/hell-design.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/hell-design-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX #delight #payment<\/p>\n<p><a href=\"http:\/\/www.dtelepathy.com\/blog\/design\/ux-and-payment-consumption-delay\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4968\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/delay.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/delay.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/delay-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/visualhierarchy.co\/blog\/balance-in-web-design-and-why-it-is-important\/\">Balance In Web Design And Why It Is Important<\/a> \u00a0conseils et astuces pour un design de site \u00e9quilibr\u00e9<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4960\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/balance.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/balance.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/balance-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Mobile #Usability<\/p>\n<p><a href=\"http:\/\/baymard.com\/blog\/search-within-current-category\">Mobile Usability: Allow Users to &lsquo;Search Within&rsquo; 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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4975\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/mobile-usability.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/mobile-usability.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/mobile-usability-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#JavaScript<\/p>\n<p><a href=\"http:\/\/developer.telerik.com\/featured\/what-to-expect-from-javascript-in-2016-beyond-the-browser\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4973\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/JS-browser.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/JS-browser.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/JS-browser-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Humain #Retours clients<\/p>\n<p><a href=\"https:\/\/boagworld.com\/working-in-web\/stop-hoping-for-the-best-preempt-potential-problems\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4977\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/preempt.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/preempt.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/preempt-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/tympanus.net\/Development\/ElasticCircleSlideshow\/\">Elastic Circle Slideshow<\/a>, un slideshow avec des transitions sympa<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4964\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/circle-slideshow.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/circle-slideshow.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/circle-slideshow-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Case Study<\/p>\n<p><a href=\"http:\/\/fantasy.co\/work\/shopping\">Un case study en vid\u00e9o pour un e-commerce<\/a>, assez impressionnant<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4979\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/shopping.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/shopping.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/shopping-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Troll<\/p>\n<p><a href=\"https:\/\/www.instagram.com\/p\/BBQNbqZHR8r\/\">\u00c7a trolle gentiment le pathfinder, et pourtant c\u2019est tellement vrai<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4976\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/pahtfinder.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/pahtfinder.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/pahtfinder-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Couleur<\/p>\n<p><a href=\"http:\/\/albumcolors.com\/\">Album colors of the year<\/a>, un joli projet qui rassemble des pochettes d\u2019album color\u00e9es<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4965\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/color-album.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/color-album.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/color-album-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Trend<\/p>\n<p><a href=\"https:\/\/designschool.canva.com\/blog\/old-design-trends\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4980\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/style-design.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/style-design.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/style-design-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/medium.com\/@_jh3y\/how-to-pure-css-masonry-layouts-a8ede07ba31a#.j0ndp4sfu\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4967\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/css-mansonry.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/css-mansonry.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/css-mansonry-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p>Une conf\u00e9rence vraiment sympa : <a href=\"http:\/\/www.thedotpost.com\/2015\/12\/una-kravets-editing-images-in-css\">Editing Images in CSS (\u00e9diter les images avec du CSS<\/a>) par <a href=\"https:\/\/twitter.com\/Una\">@Una<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4970\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/editing-css-img.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/editing-css-img.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/editing-css-img-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/kyusuf.com\/post\/completely-css-custom-checkbox-radio-buttons-and-select-boxes\">Completely CSS: Custom checkboxes, radio buttons and select boxes <\/a>, styler des checkboxes, boutons radio et select en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4966\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/css-checkbox.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/css-checkbox.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/css-checkbox-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#JS<\/p>\n<p><a href=\"https:\/\/github.com\/shaundunne\/you-dont-need\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4972\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/jQuerymigh-not-need.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/jQuerymigh-not-need.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/jQuerymigh-not-need-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Email<\/p>\n<p>Des ressources pour coder des emails : <a href=\"http:\/\/tedgoas.github.io\/Cerberus\/\">responsive email patterns<\/a> + <a href=\"http:\/\/codepen.io\/reallygoodemails\/\">good product email design code<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4962\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/cerberus.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/cerberus.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/cerberus-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Color<\/p>\n<p><a href=\"http:\/\/designation.io\/chromantics\/\">CHROMANTICS<\/a> : un petit jeu en ligne sur la th\u00e9orie des couleurs<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4963\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/chromatics.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/chromatics.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/chromatics-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#A11Y<\/p>\n<p><a href=\"http:\/\/simplyaccessible.com\/article\/the-accessibility-stack\/\">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><img decoding=\"async\" class=\"aligncenter size-full wp-image-4958\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/accessibility.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/accessibility.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/accessibility-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/medium.com\/@optimiseordie\/the-list-of-ux-tools-to-rule-them-all-a1970b9e9c06?ref=webdesignernews.com#.z8lwh964c\">The List of UX Tools to Rule Them All<\/a>, la liste ULTIME d\u2019outils pour l\u2019UX design<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4957\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/uxtools.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/uxtools.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/uxtools-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#Troll<\/p>\n<p><a href=\"http:\/\/lab.sulko.co\/designer-bio\/\">Designer Bio Generator\u2122<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4961\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/02\/bio-generator.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/bio-generator.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/02\/bio-generator-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 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 cette semaine : g\u00e9n\u00e9rer facilement les images et publicit\u00e9s des r\u00e9seaux sociaux, installer une webapp sur mobile, &hellip;<\/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":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>La semaine en pixels \u2013 5 f\u00e9vrier 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"G\u00e9n\u00e9rateur d&#039;images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d&#039;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 &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"G\u00e9n\u00e9rateur d&#039;images et publicit\u00e9s de r\u00e9seaux sociaux, installer une webapp sur mobile, tutoriels CSS masonry et customiser des checkboxes, outils d&#039;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=\"@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=\"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&#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\":{\"@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 &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:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/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":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","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&#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":{"@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 &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:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"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}]}}