{"id":4896,"date":"2016-01-22T08:36:58","date_gmt":"2016-01-22T07:36:58","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4896"},"modified":"2016-01-29T07:52:09","modified_gmt":"2016-01-29T06:52:09","slug":"la-semaine-en-pixels-22-janvier-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/","title":{"rendered":"La semaine en pixels \u2013 22 janvier 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 : un bac \u00e0 sable pour jouer avec Flexbox, un condens\u00e9 de lectures sur les animations d&rsquo;interfaces, des articles sur le menu mobile, des conseils pour les call to action, quelques tendances typographie et design d&rsquo;interface,\u00a0l&rsquo;audience cible d&rsquo;un site et la pr\u00e9paration d&rsquo;un pitch de projet, de tr\u00e8s jolies illustrations du c\u00f4t\u00e9 de l&rsquo;inspiration, des tutoriels de mise en page CSS et d&rsquo;animation de stroke en SVG, quelques recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.<\/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>#Flexbox<\/p>\n<p><a href=\"http:\/\/codepen.io\/enxaneta\/full\/adLPwv\/\">Flexbox playground<\/a> un\u00a0bac \u00e0 sable\u00a0pour tester les propri\u00e9t\u00e9s flexbox<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4894\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/flebox-playground.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/flebox-playground.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/flebox-playground-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#Review<\/p>\n<p><a href=\"http:\/\/yearinreview.co\/\">Yearinreview.co<\/a> rassemble une liste des pages \u201c2015, year in review\u201d (retour sur l\u2019ann\u00e9e 2015)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4883\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/2015-review.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/2015-review.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/2015-review-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Mobile #Menu<\/p>\n<p><a href=\"https:\/\/medium.com\/@supjoey\/the-curtain-menu-redesigning-drop-down-navigation-for-mobile-bd63b555a3df#.iim23e66o\">A new mobile navigation menu, converting the desktop dropdown nav<\/a>, un excellent retour sur la conversion d\u2019un menu desktop vers le mobile.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4899\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/mobile-nav.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/mobile-nav.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/mobile-nav-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"http:\/\/rafaltomal.com\/visually-effective-cta\/\">How to Create Visually Effective Calls-To-Action<\/a>, quelques conseils de design pour faire ressortir les call to action sur les pages<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4893\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/effective-cta.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/effective-cta.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/effective-cta-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Animations<\/p>\n<p><a href=\"https:\/\/ihatetomatoes.net\/web-animation-trends\/\">Web Animation Trends: 31 Top Websites Deconstructed<\/a>, animations CSS, JS, framework, un petit coup d\u2019oeil sous le capot.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4889\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/css-animations.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/css-animations.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/css-animations-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/gathercontent.com\/a-project-guide-to-ux-design-download-pdf#\">UX Design And Content Strategy: The Project Guide<\/a>, un ebook gratuit<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4888\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/conent-strategie.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/conent-strategie.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/conent-strategie-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"http:\/\/www.webdesignerdepot.com\/2016\/01\/perfecting-navigation-for-the-mobile-web\/\">Perfection navigation for the mobile web<\/a> : recherche, bouton de retour \u00e0 l\u2019accueil, les diff\u00e9rentes options de navigation de l\u2019utilisateur sur mobile<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4900\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/mobile-nav-perfecting.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/mobile-nav-perfecting.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/mobile-nav-perfecting-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Animation<\/p>\n<p><a href=\"https:\/\/medium.com\/@vlh\/what-does-disney-know-about-interface-animation-anyway-86b32d01bc4a#.8suh6ioeg\">What does Disney know about interface animation anyway?<\/a> Est-ce que les principes d\u2019animations de Disney ont vraiment quelque chose \u00e0 voir avec le design d\u2019interface ?<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4892\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/disney-animations.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/disney-animations.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/disney-animations-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/illusion-of-completeness\/\">The Illusion of Completeness<\/a> : il arrive que les utilisateurs pensent qu\u2019il n\u2019y a plus de contenu sur la page m\u00eame si ce n&rsquo;est\u00a0pas le cas,\u00a0horizontalement et verticalement. Quelques conseils pour encourager les utilisateurs \u00e0 scroller et d\u00e9couvrir ces contenus parfois masqu\u00e9s<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4887\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/completness.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/completness.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/completness-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Animations<\/p>\n<p><a href=\"https:\/\/medium.com\/@yimingbao\/dissecting-motion-design-with-the-7-w-s-dd82815e61c7#.5v6uh2k0d\">Dissecting Motion Design with the 7 W\u2019s<\/a>: structurer ses animations gr\u00e2ce \u00e0 la r\u00e8gle des 7 W (why, what, who, etc.)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4882\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/7w-animation.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/7w-animation.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/7w-animation-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Audience<\/p>\n<p>\u201c<a href=\"http:\/\/thenuschool.com\/most-clients-are-dead\">My target audience is everybody.<\/a>\u201d ma cible c\u2019est toute la population, en \u00eates vous sure ?<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4886\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/client-all.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/client-all.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/client-all-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/deardesignstudent.com\/how-to-pitch-a-project-4a391f7cf3b3#.ukq5tztns\">How to Pitch a Project<\/a>, des conseils pratiques, mais bon, pas forc\u00e9ment toujours faciles \u00e0 mettre en place pour un premier rendez-vous client<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4901\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/pitch.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/pitch.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/pitch-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>#Tendance<\/p>\n<p><a href=\"http:\/\/www.onextrapixel.com\/2016\/01\/21\/the-floating-action-button-an-upcoming-popular-design-trend\/\">The Floating Action Button \u2013 An Upcoming Popular Design Trend<\/a>, la tendance inspir\u00e9e de materiale design du bouton d\u2019action flottant en bas de l\u2019\u00e9cran<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4895\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/floating-button.jpg\" alt=\"\" width=\"1134\" height=\"658\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/floating-button.jpg 1134w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/floating-button-768x446.jpg 768w\" sizes=\"(max-width: 1134px) 100vw, 1134px\" \/><\/p>\n<p>#Forms<\/p>\n<p><a href=\"http:\/\/conversionxl.com\/form-validation\/\">How to Get Form Validation Right<\/a> un petit rappel sur la validation de formulaires<\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#SVG<\/p>\n<p><a href=\"http:\/\/jenseign.com\/2016\/\">Bonne ann\u00e9e<\/a>, une jolie carte en SVG anim\u00e9<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4885\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/bonneannee.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/bonneannee.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/bonneannee-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Illustrations<\/p>\n<p><a href=\"http:\/\/www.christmas-connections.co.uk\/the-best-christmas-toys\/\">Un peu tard pour No\u00ebl<\/a> mais les illustrations sont superbes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4904\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/toys.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/toys.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/toys-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Animation<\/p>\n<p><a href=\"http:\/\/codepen.io\/devtips\/pen\/xZdJaE\">StarWars BB-8 CSS Illustration<\/a>, une illustration tout mignone<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4884\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/bb8-illu.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/bb8-illu.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/bb8-illu-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Illustration<\/p>\n<p><a href=\"http:\/\/bysusanlin.com\/\">Bysusanlin.com<\/a> une illustration de page d\u2019accueil totalement adorable<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4897\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/illustration-home.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/illustration-home.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/illustration-home-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Typography<\/p>\n<p><a href=\"http:\/\/designshack.net\/articles\/typography\/3-typography-trends-for-2016-with-examples\/\">3 Typography Trends for 2016<\/a>, 3 tendances typographiques pour 2016 avec de jolis exemples<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4905\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/typo.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/typo.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/typo-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#CSS<\/p>\n<p>Un retour \u00e0 de l\u2019inspiration print, gr\u00e2ce aux avanc\u00e9es en terme de support des navigateurs des nouvelles fonctionnalit\u00e9s CSS3 (entre autre) : <a href=\"https:\/\/css-tricks.com\/print-magazine-layouts-converted-to-web-layouts\/\">Influencing Web Layouts with Print Layouts<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4881\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/web-print.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/web-print.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/web-print-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Font<\/p>\n<p><a href=\"http:\/\/www.zachleat.com\/web\/critical-webfonts\/\">Critical web fonts<\/a>, wow \u00e7a devient franchement super compliqu\u00e9 d\u2019afficher une police avec font-face aujourd\u2019hui si vous prenez en compte la performance et l\u2019affichage<\/p>\n<p>#SVG<\/p>\n<p><a href=\"http:\/\/thenewcode.com\/358\/SVG-Decoration-Strokes\">SVG Decoration: Strokes<\/a>, une petit tutoriel sur l\u2019utilisation des bordures stroke en SVG<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#CSS<\/p>\n<p><a href=\"http:\/\/ipestov.com\/22-essential-css-recipes\/\">22 Essential CSS Recipes<\/a> : blend modes, object fit, current color et plus, 22 petites astuces CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4891\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/css-recipes.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/css-recipes.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/css-recipes-768x628.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Photoshop<\/p>\n<p><a href=\"http:\/\/templay.maketheweb.pl\/\">Templay<\/a> un plugin pour g\u00e9rer les templates dans Photoshop<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4903\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/templetay.jpg\" alt=\"\" width=\"1040\" height=\"570\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/templetay.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/templetay-768x421.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Remote<\/p>\n<p><a href=\"https:\/\/www.remotelyawesomejobs.com\/\">Remotely Awesome Jobs curates the best remote tech jobs across the web.<\/a>, un r\u00e9pertoire d\u2019offres d\u2019emploi \u00e0 distance<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4902\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/remote-jobs.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/remote-jobs.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/remote-jobs-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>#CSS<\/p>\n<p>Morning procrastination, <a href=\"http:\/\/victordarras.fr\/cssgame\/\">CSS game<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4890\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/cssgame.jpg\" alt=\"\" width=\"1040\" height=\"850\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/cssgame.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/cssgame-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 : un bac \u00e0 sable pour jouer avec Flexbox, un condens\u00e9 de lectures sur les &hellip;<\/p>\n","protected":false},"author":3,"featured_media":4898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4896","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 22 janvier 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Au programme: animations d&#039;interfaces, menu mobile, audience cible d&#039;un site, pr\u00e9paration d&#039;un pitch de proje mise en page CSS, animation de stroke en SVG, recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.\" \/>\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-22-janvier-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 22 janvier 2016 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Au programme: animations d&#039;interfaces, menu mobile, audience cible d&#039;un site, pr\u00e9paration d&#039;un pitch de proje mise en page CSS, animation de stroke en SVG, recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-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-01-22T07:36:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-01-29T06:52:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/liensemaine-22janvier.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=\"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-22-janvier-2016\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/\",\"name\":\"La semaine en pixels \u2013 22 janvier 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-22-janvier-2016\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/liensemaine-22janvier.jpg\",\"datePublished\":\"2016-01-22T07:36:58+00:00\",\"dateModified\":\"2016-01-29T06:52:09+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Au programme: animations d'interfaces, menu mobile, audience cible d'un site, pr\u00e9paration d'un pitch de proje mise en page CSS, animation de stroke en SVG, recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/liensemaine-22janvier.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/liensemaine-22janvier.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 22 janvier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Au programme: animations d'interfaces, menu mobile, audience cible d'un site, pr\u00e9paration d'un pitch de proje mise en page CSS, animation de stroke en SVG, recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.","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-22-janvier-2016\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 22 janvier 2016 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Au programme: animations d'interfaces, menu mobile, audience cible d'un site, pr\u00e9paration d'un pitch de proje mise en page CSS, animation de stroke en SVG, recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2016-01-22T07:36:58+00:00","article_modified_time":"2016-01-29T06:52:09+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2016\/01\/liensemaine-22janvier.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/","name":"La semaine en pixels \u2013 22 janvier 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-22-janvier-2016\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/liensemaine-22janvier.jpg","datePublished":"2016-01-22T07:36:58+00:00","dateModified":"2016-01-29T06:52:09+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Au programme: animations d'interfaces, menu mobile, audience cible d'un site, pr\u00e9paration d'un pitch de proje mise en page CSS, animation de stroke en SVG, recettes CSS incontournables, un plugin Photoshop pour g\u00e9rer les templates et un site pour trouver un emploi en remote.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-22-janvier-2016\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/liensemaine-22janvier.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2016\/01\/liensemaine-22janvier.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\/4896","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=4896"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/4896\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/4898"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=4896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=4896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=4896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}