{"id":6178,"date":"2017-01-06T06:00:31","date_gmt":"2017-01-06T05:00:31","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6178"},"modified":"2017-01-05T22:52:57","modified_gmt":"2017-01-05T21:52:57","slug":"semaine-pixels-6-janvier-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/","title":{"rendered":"La semaine en pixels \u2013 6 janvier 2017"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 : biais de confirmation, case studies UX, exp\u00e9rience utilisateur mobile, performance web, AB testing, design, bilinguisme, mode d&rsquo;interface r\u00e9duite, surcharge cognitive, test utilisateurs, internationalisation, design de formulaires. De jolies d\u00e9mos de miroir en CSS et des tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate, de l&rsquo;opacit\u00e9 et des illustrations cr\u00e9\u00e9es a partir de cercles.<\/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>#AI #Design<\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2017\/01\/algorithm-driven-design-how-artificial-intelligence-changing-design\/\">Algorithm-Driven Design: How Artificial Intelligence Is Changing Design<\/a>, une lecture longue mais passionnante sur le design assist\u00e9 par des intelligences artificielles<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6150\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/ai-design.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/ai-design.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/ai-design-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#UX #Psychologie<\/p>\n<p><a href=\"http:\/\/uxmas.com\/2016\/3-tips-for-overcoming-confirmation-bias\/\">3 Tips for Overcoming Confirmation Bias<\/a>, 3 conseils pour \u00e9viter les biais de confirmation<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6159\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/confirmation-biases.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/confirmation-biases.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/confirmation-biases-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX #Mobile<\/p>\n<p><a href=\"https:\/\/medium.theuxblog.com\/how-to-create-the-best-search-ux-on-mobile-3d49358027ae#.mivs7rrgv\">How to create the best search UX on mobile<\/a>, am\u00e9liorer la recherche dans les applications mobile natives<\/p>\n<p>&nbsp;<\/p>\n<p>#Performance<\/p>\n<p><a href=\"https:\/\/hackernoon.com\/10-things-i-learned-making-the-fastest-site-in-the-world-18a0e1cdf4a7#.og6lshl0w\">10 things I learned making the fastest site in the world<\/a>, un petit retour sur de la performance web<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6163\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/faster.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/faster.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/faster-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Mobile<\/p>\n<p><a href=\"https:\/\/uxplanet.org\/how-to-communicate-hidden-gestures-in-mobile-app-e55397f4006b#.a7ds254xd\">How To Communicate Hidden Gestures in Mobile App<\/a>, des astuces pour faire comprendre le design des gestes de votre interface mobile<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6169\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/mobile-gesture.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/mobile-gesture.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/mobile-gesture-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#A\/B Testing<\/p>\n<p>Hehe <a href=\"https:\/\/blog.mixpanel.com\/2016\/02\/04\/why-most-a-b-tests-give-you-bullshit-results\/\">Why most A\/B tests give you bullshit results<\/a> vs <a href=\"https:\/\/uxplanet.org\/the-mobile-design-elements-that-you-have-to-a-b-test-b044e6b932cc#.eu1fyk1fl\">The Mobile Design Elements That You Have to A\/B Test<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6149\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/abtestingbullshit.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/abtestingbullshit.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/abtestingbullshit-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design<\/p>\n<p><a href=\"https:\/\/blog.madewithenvy.com\/web-design-isnt-becoming-more-boring-and-isn-t-losing-its-soul-55710cc6cbbc#.ile156sxh\">Web design isn\u2019t becoming more boring, and isn\u2019t losing its soul<\/a> &#8211; le design des sites n\u2019est pas devenu plus chiant, ils ont juste \u00e9volu\u00e9, critiquer un site fonctionnel parce qu\u2019il n\u2019est pas fun est un peu comme critiquer un panneau routier pour son manque d&rsquo;originalit\u00e9<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6153\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/boring.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/boring.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/boring-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Brain<\/p>\n<p><a href=\"https:\/\/www.weforum.org\/agenda\/2016\/08\/why-being-bilingual-helps-keep-your-brain-fit\">Why being bilingual helps keep your brain fit<\/a>, un super article sur le multilinguisme et le fonctionnement du cerveau<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6152\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/bilingual.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/bilingual.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/bilingual-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/zen-mode\/\">Why Zen Mode Isn\u2019t the Answer to Everything<\/a> pourquoi le zen mode (interface minimaliste) n\u2019est pas toujours une bonne id\u00e9e<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6177\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/zenmode.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/zenmode.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/zenmode-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2016\/09\/reducing-cognitive-overload-for-a-better-user-experience\/\">Reducing Cognitive Overload For A Better User Experience<\/a>, r\u00e9duire la surcharge cognitive pour am\u00e9liorer l&rsquo;exp\u00e9rience<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6157\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/cognitive-load.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/cognitive-load.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/cognitive-load-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/www.usertesting.com\/blog\/2016\/12\/20\/user-testing-viewing-parties\/\">Why you should host user testing viewing parties<\/a>, r\u00e9soudre les disputes internes sur les produits ou simplement promouvoir la culture UX, pourquoi vous devriez faire des \u201cUser testing parties\u201d<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6174\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/usertesting.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/usertesting.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/usertesting-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Work<\/p>\n<p><a href=\"https:\/\/medium.com\/@yanismydj\/why-i-only-work-remotely-2e5eb07ae28f#.k11d0voqw\">Why I only work remotely<\/a>. C\u2019est int\u00e9ressant mais je me demande si c\u2019est possible dans des \u00e9quipes de cr\u00e9a ou on veut souvent que tu sois sur place pour t\u2019avoir sous la main dans les phases d&rsquo;id\u00e9ation<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6172\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/remote.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/remote.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/remote-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Design #i18n<\/p>\n<p><a href=\"https:\/\/medium.com\/dropbox-design\/design-for-internationalization-24c12ea6b38f#.m3rwvbxuc\">Design for internationalization<\/a>, des conseils pratiques pour designer des syst\u00e8mes qui seront traduits en plusieurs langues<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6166\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/internationnalisation.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/internationnalisation.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/internationnalisation-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Gender<\/p>\n<p>Exp\u00e9rimentation int\u00e9ressante sur le genre neutre dans la communaut\u00e9 <a href=\"http:\/\/blog.alicegoldfuss.com\/ladies-is-gender-neutral\/\">&lsquo;Ladies&rsquo; Is Gender Neutral<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6167\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/ladiesgender.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/ladiesgender.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/ladiesgender-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#form<\/p>\n<p><a href=\"https:\/\/uxdesign.cc\/form-design-for-complex-applications-d8a1d025eba6#.nx563kdst\">Form Design for Complex Applications<\/a>, designer des formulaires pour des applications complexes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6164\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/fom-ux.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/fom-ux.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/fom-ux-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX #Case Study<\/p>\n<p><a href=\"https:\/\/medium.theuxblog.com\/writing-more-effective-case-studies-3dede1333c6a#.ieo08cg87\">Writing more effective case studies<\/a>, plusieurs conseils pour vous aider \u00e0 \u00e9crire des explications de projet pour votre portfolio<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6155\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/case-studies.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/case-studies.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/case-studies-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Performance #Publicit\u00e9s<\/p>\n<p><a href=\"http:\/\/braincracking.org\/2016\/12\/21\/les-manques-a-gagner-de-la-publicite-pour-les-editeurs\/\">Les manques \u00e0 gagner de la publicit\u00e9 pour les \u00e9diteurs<\/a><\/p>\n<h2>De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n<p>#CSS #HTML<\/p>\n<p><a href=\"https:\/\/tympanus.net\/Development\/MirrorEffect\/index3.html\">Effet miroir<\/a> sur Codrops<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6151\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/artichoke.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/artichoke.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/artichoke-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<h2>Les tutoriels de la semaine<\/h2>\n<p>#Animations #JS<\/p>\n<p><a href=\"https:\/\/cloudfour.com\/thinks\/fun-with-staggered-transitions\/\">Fun with Staggered Transitions<\/a>, une petite d\u00e9mo sympa<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6173\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/transitions.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/transitions.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/transitions-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Prototype<\/p>\n<p><a href=\"https:\/\/medium.com\/blueprint-by-intuit\/how-to-use-stop-motion-animation-to-make-low-fi-prototypes-for-mobile-design-2762252fe232#.2y7iu5ye8\">How To Use Stop Motion Animation to Make Low-fi Prototypes for Mobile Design<\/a>, utiliser du stop motion pour faire des proto basse fid\u00e9lit\u00e9<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6169\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/mobile-gesture.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/mobile-gesture.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/mobile-gesture-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/soledadpenades.com\/2016\/12\/14\/using-the-currentcolor-css-keyword\/\">Using the currentColor CSS keyword<\/a>, utiliser le mot cl\u00e9 currentColor en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6162\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/currentcolor.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/currentcolor.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/currentcolor-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Color<\/p>\n<p><a href=\"https:\/\/bjango.com\/articles\/whentwocolourscanbeone\/\">When two colours can be one<\/a>, utiliser la transparence pour cr\u00e9er un plusieurs th\u00e8mes facilement<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6158\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/colouropacity.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/colouropacity.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/colouropacity-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/kilianvalkhof.com\/2017\/design\/sloped-edges-with-consistent-angle-in-css\/\">Sloped edges with consistent angle in CSS<\/a>, des techniques CSS pour cr\u00e9er des bords pench\u00e9s<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6160\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/css-edge.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/css-edge.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/css-edge-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Illustration<\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2017\/01\/illustrating-animals-13-circles-drawing-tutorial-challenge\/\">Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge<\/a>, designer des animaux a partir de diff\u00e9rents cercles<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6156\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/circle.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/circle.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/circle-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS<\/p>\n<p><a href=\"https:\/\/css-tricks.com\/almanac\/selectors\/i\/indeterminate\/\">:indeterminate<\/a>, une pseudo-classe que vous pouvez utiliser pour styler l&rsquo;\u00e9tat non d\u00e9termin\u00e9 des checkbox, boutons radio, etc.<\/p>\n<h2>Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n<p>#Icons<\/p>\n<p><a href=\"http:\/\/iconutopia.com\/free-icon-design-guide\/\">Free Icon Design Guide<\/a>, un book sympa sur le design d&rsquo;ic\u00f4nes<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6165\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/icons.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/icons.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/icons-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#Buttons<\/p>\n<p><a href=\"https:\/\/bttn.surge.sh\/\">bttn.surge.sh<\/a> une petite collection de boutons en CSS<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6154\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/btncss.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/btncss.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/btncss-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/free-ux-process-documentation-kit\/\">Free UX Process and Documentation Kit<\/a>, un kit UX avec diff\u00e9rents livrables \u00e0 adapter pour vos projets<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6175\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/uxkit.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/uxkit.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/uxkit-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#UX<\/p>\n<p><a href=\"https:\/\/uxpressia.com\/\">uxpressia.com<\/a>, un outil en ligne pour vous aider \u00e0 g\u00e9n\u00e9rer des UX maps<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6179\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/uxpressia.jpg\" alt=\"\" width=\"2784\" height=\"1610\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/uxpressia.jpg 2784w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/uxpressia-768x444.jpg 768w\" sizes=\"(max-width: 2784px) 100vw, 2784px\" \/><\/p>\n<h2>Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n<p>#CSS<\/p>\n<p>Sooooo cute: <a href=\"http:\/\/codepen.io\/davidkpiano\/full\/woZNbB\/\">CSS Snow Fox<\/a><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6161\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/cssfox.jpg\" alt=\"\" width=\"1040\" height=\"650\" srcset=\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/cssfox.jpg 1040w, https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/cssfox-768x480.jpg 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" \/><\/p>\n<p>#CSS #JS<\/p>\n<p><a href=\"https:\/\/tympanus.net\/codrops\/2016\/12\/31\/look-back-2016-round-codrops-resources\/\">A Look Back at 2016: Round-up of Codrops Resources<\/a>, les d\u00e9mos cools de 2016 sur Codrops<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 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 : biais de confirmation, case studies UX, exp\u00e9rience utilisateur mobile, performance web, AB testing, design, bilinguisme, mode &hellip;<\/p>\n","protected":false},"author":3,"featured_media":6168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-6178","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 6 janvier 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"A ne pas manquer:\u00a0biais de confirmation, exp\u00e9rience utilisateur mobile, performance web, AB testing, surcharge cognitive, design de formulaires, tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/\" \/>\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 6 janvier 2017 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"A ne pas manquer:\u00a0biais de confirmation, exp\u00e9rience utilisateur mobile, performance web, AB testing, surcharge cognitive, design de formulaires, tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/\" \/>\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=\"2017-01-06T05:00:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/lienssemaine.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\/semaine-pixels-6-janvier-2017\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/\",\"name\":\"La semaine en pixels \u2013 6 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/lienssemaine.jpg\",\"datePublished\":\"2017-01-06T05:00:31+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"A ne pas manquer:\u00a0biais de confirmation, exp\u00e9rience utilisateur mobile, performance web, AB testing, surcharge cognitive, design de formulaires, tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/lienssemaine.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/lienssemaine.jpg\",\"width\":850,\"height\":350,\"caption\":\"La semaine en pixels \u2013 6 janvier 2017\"},{\"@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 6 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"A ne pas manquer:\u00a0biais de confirmation, exp\u00e9rience utilisateur mobile, performance web, AB testing, surcharge cognitive, design de formulaires, tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 6 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"A ne pas manquer:\u00a0biais de confirmation, exp\u00e9rience utilisateur mobile, performance web, AB testing, surcharge cognitive, design de formulaires, tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2017-01-06T05:00:31+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2017\/01\/lienssemaine.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\/semaine-pixels-6-janvier-2017\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/","name":"La semaine en pixels \u2013 6 janvier 2017 - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/lienssemaine.jpg","datePublished":"2017-01-06T05:00:31+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"A ne pas manquer:\u00a0biais de confirmation, exp\u00e9rience utilisateur mobile, performance web, AB testing, surcharge cognitive, design de formulaires, tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/lienssemaine.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2017\/01\/lienssemaine.jpg","width":850,"height":350,"caption":"La semaine en pixels \u2013 6 janvier 2017"},{"@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\/6178","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=6178"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/6178\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/6168"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=6178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=6178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=6178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}