{"id":7419,"date":"2019-05-19T18:50:19","date_gmt":"2019-05-19T16:50:19","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7419"},"modified":"2019-05-20T11:39:05","modified_gmt":"2019-05-20T09:39:05","slug":"la-semaine-en-pixels-19-mai-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/","title":{"rendered":"La semaine en pixels \u2013 19 Mai 2019"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Chaque semaine, je publie un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d&rsquo;interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l&rsquo;inspiration en tout genre.<\/p>\n<p>La s\u00e9lection de cette semaine est un peu sp\u00e9ciale : j&rsquo;ai pass\u00e9 3 jours \u00e0 Google I\/O la semaine derni\u00e8re. J&rsquo;ajoute donc une section suppl\u00e9mentaire avec tous les liens et ressources int\u00e9ressants que j&rsquo;ai y d\u00e9couverts : des liens sur le design \u00e9thique dans un monde des technologies futures , des exp\u00e9riences vraiment cool en Art, Culture, AR (r\u00e9alit\u00e9 augment\u00e9e) et Machine Learning, les nouvelles int\u00e9grations Web et Chrome, designer des exp\u00e9riences en r\u00e9alit\u00e9 augment\u00e9e ou avec des technologies de machine learning, les nouvelles fonctionnalit\u00e9s Android, etc. En plus de cela, il y a la s\u00e9lection habituelle de liens incluant le design inclusif, l&rsquo;effritement de mastodon, des composants React accessibles, la MacDonaldisation du design d&rsquo;experience utilisateur, des podcasts, des animations SVG &amp; CSS, de beaux fonds d&rsquo;\u00e9cran Mac, des ic\u00f4nes, des BD pour les designers, etc.<\/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>#Inclusive Design<\/p>\n<p><a href=\"https:\/\/alistapart.com\/article\/trans-inclusive-design\/\" hreflang=\"en\">Trans-inclusive Design<\/a>, un excellent article sur la fa\u00e7on de rendre vos produits plus inclusifs pour les personnes transgenres.<\/p>\n<h2 id=\"io2019\">La sp\u00e9ciale Google I\/O 2019<\/h2>\n<p>#Videos<\/p>\n<p>Vous pouvez voir toutes<a href=\"https:\/\/www.youtube.com\/playlist?list=PLOU2XLYxmsILVTiOlMJdo7RQS55jYhsMi\"> les vid\u00e9os de Google I\/O 2019 sur youtube<\/a>. Si vous \u00eates int\u00e9ress\u00e9 par un sujet particulier, vous pouvez visionner la vid\u00e9o directement <a href=\"https:\/\/events.google.com\/io\/schedule\/events\/\" hreflang=\"en\">\u00e0 partir du planning des sessions<\/a>.<\/p>\n<h3>Ethics &amp; Design<\/h3>\n<p><a href=\"https:\/\/twitter.com\/baratunde\">Baratunde<\/a> a donn\u00e9 une conf\u00e9rence r\u00e9capitulative de l&rsquo;I\/O: <a lang=\"en\" href=\"https:\/\/www.youtube.com\/watch?v=wPFnprOY7A8\" hreflang=\"en\">An Unconventional Look at the Future of Technology with Baratunde Thurston<\/a>. Vous pouvez trouver les <a lang=\"en\" href=\"https:\/\/www.baratunde.com\/googleio\" hreflang=\"en\">slides ici<\/a>. Il y partage diff\u00e9rentes ressources<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/ethicalos.org\/\" hreflang=\"en\">ethicalos.org<\/a>, un framework pour vous aider \u00e0 anticiper l&rsquo;impact futur de la technologie et \u00e0 prendre des d\u00e9cisions \u00e9thiques<\/li>\n<li><a lang=\"en\" href=\"https:\/\/medium.com\/s\/trustissues\/a-new-tech-manifesto-21d251058af3\" hreflang=\"en\">A New Tech Manifesto &#8211; Six demands, from a citizen to Big Tech<\/a><\/li>\n<li><a lang=\"en\" href=\"https:\/\/projectinclude.org\/\" hreflang=\"en\">projectinclude.org<\/a>, un organisme sans but lucratif qui utilise les donn\u00e9es et la d\u00e9fense des int\u00e9r\u00eats pour acc\u00e9l\u00e9rer la mise en \u0153uvre de solutions en mati\u00e8re de diversit\u00e9 et d&rsquo;inclusion dans l&rsquo;industrie des technologies.<\/li>\n<li><a lang=\"en\" href=\"https:\/\/ainowinstitute.org\/\" hreflang=\"en\">ainowinstitute.org<\/a> un institut de recherche qui travaille sur les implications sociales de l&rsquo;intelligence artificielle<\/li>\n<li><a lang=\"en\" href=\"https:\/\/datasociety.net\/\" hreflang=\"en\">Data &amp; Society<\/a>, un institut de recherche ax\u00e9 sur les questions sociales et culturelles d\u00e9coulant du d\u00e9veloppement technologique ax\u00e9 sur les donn\u00e9es.<\/li>\n<li><a lang=\"en\" href=\"https:\/\/lynchinginamerica.eji.org\/\" hreflang=\"en\">Lynching in America<\/a>, un site qui \u00ab\u00a0pr\u00e9sente des histoires douloureuses de l&rsquo;histoire de l&rsquo;injustice raciale en Am\u00e9rique. Pour gu\u00e9rir les blessures profondes de notre pr\u00e9sent, nous devons affronter la v\u00e9rit\u00e9 de notre pass\u00e9.\u00a0\u00bb<\/li>\n<\/ul>\n<h3>Web platform<\/h3>\n<p>#Accessibilit\u00e9<\/p>\n<p><a lang=\"en\" href=\"https:\/\/web.dev\/accessible\" hreflang=\"en\">Accessible to all<\/a>, quelques lignes directrices pour aider les d\u00e9veloppeuses \u00e0 cr\u00e9er des sites Web plus accessibles<\/p>\n<p>#Recherche<\/p>\n<p><a lang=\"en\" href=\"https:\/\/perceptiontoolkit.dev\/getting-started\/\" hreflang=\"en\">The Web Perception Toolkit<\/a> est une biblioth\u00e8que open-source qui vous fournit les outils pour ajouter la recherche visuelle \u00e0 votre site Web. La bo\u00eete \u00e0 outils fonctionne en prenant un flux \u00e0 partir de la cam\u00e9ra de l&rsquo;appareil et en le faisant passer \u00e0 travers un ensemble de d\u00e9tecteurs.<\/p>\n<p>#Game #PWA<\/p>\n<p><span lang=\"en\"><a href=\"https:\/\/proxx.app\/\">Proxx<\/a> <\/span>est un jeu PWA (Progressive Web App) inspir\u00e9 du d\u00e9mineur qui fonctionne m\u00eame sur les \u00ab\u00a0feature phones\u00a0\u00bb et avec les lecteurs d&rsquo;\u00e9cran. Si vous voulez en savoir plus sur la fa\u00e7on dont il a \u00e9t\u00e9 construit, vous devriez regarder <a lang=\"en\" href=\"https:\/\/www.youtube.com\/watch?v=w8P5HLxcIO4\" hreflang=\"en\">Build Fast and Smooth Web Apps from Feature Phone to Desktop (Google I\/O \u201919)<\/a><\/p>\n<p>#Performance<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/squoosh.app\/\" hreflang=\"en\">Squoosh.app<\/a> est une PWA qui vous aide \u00e0 r\u00e9duire la taille de vos images \u00e0 des fins de performance.<\/li>\n<li><a lang=\"en\" href=\"https:\/\/rollupjs.org\/guide\/en\/\" hreflang=\"en\">Rollup<\/a> est un module pour JavaScript qui compile de petits morceaux de code en quelque chose de plus grand et plus complexe, comme une biblioth\u00e8que ou une application.<\/li>\n<li><a lang=\"en\" href=\"https:\/\/docs.travis-ci.com\/user\/speeding-up-the-build\/\" hreflang=\"en\">Travis CI<\/a> impl\u00e9mente quelques optimisations qui aident \u00e0 acc\u00e9l\u00e9rer votre compilation.<\/li>\n<\/ul>\n<p>#Portals<\/p>\n<p><a lang=\"en\" href=\"https:\/\/web.dev\/hands-on-portals\/\" hreflang=\"en\">Hands-on with Portals: seamless navigations on the Web<\/a>, une nouvelle fonctionnalit\u00e9s en cours de r\u00e9daction pour ouvrir des contenus dans des \u00ab\u00a0portaux\u00a0\u00bb, \u00e0 voir ce que \u00e7a donne (pour plus d&rsquo;informations sur les critiques de cette technologie vous pouvez consulter \u00ab\u00a0<a lang=\"en\" href=\"https:\/\/codepen.io\/stevef\/post\/short-note-on-the-portals-element\" hreflang=\"en\">Short note on the portal element<\/a>\u00ab\u00a0)<\/p>\n<h3>Augmented Reality<\/h3>\n<p>#Art #Culture<\/p>\n<p><a lang=\"en\" href=\"https:\/\/artsandculture.google.com\/\" hreflang=\"en\">Google Arts and Culture<\/a> est un lieu d&rsquo;exploration de l&rsquo;art et de la culture \u00e0 travers des exp\u00e9riences en r\u00e9alit\u00e9s augment\u00e9e, des galeries, etc.<span style=\"font-weight: 400;\"> <a href=\"https:\/\/www.youtube.com\/watch?v=pGeQPvqimq4\">La video est en ligne ici<\/a> et voici quelques exp\u00e9riences que j&rsquo;ai beaucoup appr\u00e9ci\u00e9es :\u00a0<\/span><\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/artsandculture.google.com\/partner\/nasa\" hreflang=\"en\">NASA<\/a>, un r\u00e9cit sur l&rsquo;exploration de l&rsquo;espace<\/li>\n<li><a lang=\"en\" href=\"https:\/\/experiments.withgoogle.com\/living-archive-wayne-mcgregor\" hreflang=\"en\">Living Archive<\/a>, une collaboration entre Google Arts and Culture Lab and Studio Wayne McGregor pour g\u00e9n\u00e9rer des mouvements de danse inspir\u00e9s de 25 ans d&rsquo;archives de danse<\/li>\n<li><a lang=\"en\" href=\"https:\/\/experiments.withgoogle.com\/bigbang-ar\" hreflang=\"en\">Big Bang AR<\/a>, l&rsquo;histoire de notre univers en r\u00e9alit\u00e9 mixte, en collaboration avec le CERN<\/li>\n<li><a lang=\"en\" href=\"https:\/\/experiments.withgoogle.com\/weird-cuts\" hreflang=\"en\">Weird Cuts<\/a>, une exp\u00e9rience o\u00f9 vous cr\u00e9ez de l&rsquo;art AR autour de vous \u00e0 l&rsquo;aide de collages et d&rsquo;assemblages (<a href=\"https:\/\/itunes.apple.com\/us\/app\/weird-cuts\/id1462988624?mt=8\">disponible sur iOS<\/a>)<\/li>\n<li><a lang=\"en\" href=\"https:\/\/experiments.withgoogle.com\/infinitepatterns\" hreflang=\"en\">Infinite Patterns<\/a>, une combinaison d&rsquo;art et de motifs g\u00e9n\u00e9r\u00e9s par le programme de vision par ordinateur \u00ab\u00a0DeepDream\u00a0\u00bb qui g\u00e9n\u00e8re <a href=\"https:\/\/colab.research.google.com\/github\/tensorflow\/lucid\/blob\/master\/notebooks\/differentiable-parameterizations\/appendix\/infinite_patterns.ipynb\">motifs infinis bas\u00e9s sur des images<\/a>.<\/li>\n<\/ul>\n<p>#Outils #AR<\/p>\n<p><a lang=\"en\" href=\"https:\/\/developers.google.com\/ar\/\" hreflang=\"en\">ARCore<\/a> est une plateforme pour aider \u00e0 construire de nouvelles exp\u00e9riences de r\u00e9alit\u00e9 augment\u00e9e qui m\u00e9langent harmonieusement le monde num\u00e9rique et le monde physique. Je me suis amus\u00e9 avec 2 exp\u00e9riences, <a href=\"https:\/\/www.instagram.com\/p\/BxRQMDlhM7I\/\">vous pouvez v\u00e9rifier les photos sur instagram.<\/a><\/p>\n<p># Designer pour la r\u00e9alit\u00e9 augment\u00e9e<\/p>\n<p>Il y a eu 2 conf\u00e9rences tr\u00e8s int\u00e9ressantes avec beaucoup d&rsquo;informations sur le design de produits utilisant la r\u00e9alit\u00e9 augment\u00e9e, vous devriez regarder la vid\u00e9o si vous avez un moment <em>(je pourrais \u00e9crire un r\u00e9sum\u00e9 quand j&rsquo;aurai le temps mais c&rsquo;est pas pour tout de suite)<\/em>:<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/www.youtube.com\/watch?v=BlM2T1beKbg\" hreflang=\"en\">Designing AR Applications (Google I\/O&rsquo;19)<\/a><\/li>\n<li><a lang=\"en\" href=\"https:\/\/www.youtube.com\/watch?v=m6p4BpgTBuw\" hreflang=\"en\">AR as a Feature: How to Supercharge Products Using Augmented Reality<\/a><\/li>\n<\/ul>\n<h3>Machine Learning et Intelligence Artificielle (AI)<\/h3>\n<p>#AI #UX #Ebook<\/p>\n<p>Que signifie cr\u00e9er des produits qui utilisent des technologies d&rsquo;intelligence artificielle centr\u00e9s sur l&rsquo;humain ? L&rsquo;\u00e9quipe de Google propose un ebook en ligne pour vous aider :\u00a0<a lang=\"en\" href=\"https:\/\/pair.withgoogle.com\/\" hreflang=\"en\">People + AI Guidebook<\/a>. Pour en savoir plus vous pouvez voir cette session \u00ab\u00a0<a lang=\"en\" href=\"https:\/\/www.youtube.com\/watch?v=rf83vRxLWFQ\" hreflang=\"en\">Designing Human-Centered AI Products<\/a>\u00a0\u00bb<\/p>\n<p>#Outils #diversit\u00e9 #Dataset<\/p>\n<p><a lang=\"en\" href=\"https:\/\/pair-code.github.io\/facets\/\" hreflang=\"en\">Facets<\/a> contient des outils de visualisations pour vous aider \u00e0 comprendre et \u00e0 analyser les\u00a0 jeux de donn\u00e9e de machine learning afin de vous assurer que jeux de donn\u00e9e sont robustes et diversifi\u00e9s.<\/p>\n<p>#Outils #diversit\u00e9 #Dataset #Exploration<\/p>\n<p><a lang=\"en\" href=\"https:\/\/pair-code.github.io\/what-if-tool\/\" hreflang=\"en\">What If&#8230;<\/a> et si vous pouviez inspecter un mod\u00e8le d&rsquo;apprentissage de machine learning, avec un minimum de code requis ? Un outil d&rsquo;aide\u00a0 \u00e0 l&rsquo; analyse d&rsquo;hypoth\u00e8ses avec une interface visuelle interactive con\u00e7ue pour mieux sonder vos mod\u00e8les.<\/p>\n<p>#Art #Music #ML<\/p>\n<p>Faire de la musique et de l&rsquo;art \u00e0 l&rsquo;aide de l&rsquo;apprentissage machine avec le projet <a lang=\"en\" href=\"https:\/\/magenta.tensorflow.org\/\" hreflang=\"en\">Magenta<\/a>.<\/p>\n<h3>Accessibilit\u00e9<\/h3>\n<p>#AI #Reconnaissance Vocale<\/p>\n<p><a lang=\"en\" href=\"https:\/\/blog.google\/outreach-initiatives\/accessibility\/impaired-speech-recognition\/\" hreflang=\"en\">How AI can improve products for people with impaired speech<\/a>, comment l&rsquo;intelligence artificielle peut am\u00e9liorer les produits pour les personnes ayant des troubles de la parole, un projet tr\u00e8s int\u00e9ressant.<\/p>\n<p>#Android #Audit<\/p>\n<p>Saviez-vous qu&rsquo;il existe une application pour vous aider \u00e0 v\u00e9rifier l&rsquo;accessibilit\u00e9 de vos applications Android ? \u00c7a s&rsquo;appelle <a lang=\"en\" href=\"https:\/\/support.google.com\/accessibility\/android\/faq\/6376582?hl=en-GB\" hreflang=\"en\">Accessiblity Scanner<\/a> et elle est super utile<\/p>\n<p>#Android<\/p>\n<p>Google a pr\u00e9sent\u00e9 quelques fonctionnalit\u00e9s qui ont un beau potentiel d&rsquo;accessibilit\u00e9 :<\/p>\n<ul>\n<li><a lang=\"en\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.google.audio.hearing.visualization.accessibility.scribe&amp;hl=en_US\" hreflang=\"en\">Live Transcribe<\/a> effectue la transcription en temps r\u00e9el de la parole en texte sur votre \u00e9cran, afin que vous puissiez participer aux conversations qui se d\u00e9roulent dans le monde qui vous entoure.<\/li>\n<li><a lang=\"en\" href=\"https:\/\/blog.google\/outreach-initiatives\/accessibility\/live-relay-phone-calls-io\/\" hreflang=\"en\">Live Relay<\/a> utilise la reconnaissance vocale et la conversion texte &gt; parole sur l&rsquo;appareil pour permettre au t\u00e9l\u00e9phone d&rsquo;\u00e9couter et de parler au nom de l&rsquo;utilisateur pendant qu&rsquo;il tape.<\/li>\n<\/ul>\n<p>Il ya aussi une fonctionnalit\u00e9 de sous-titrage en direct \u00e0 venir sur Android qui sera en mesure de sous-titrer des vid\u00e9os sur le t\u00e9l\u00e9phone de l&rsquo;utilisateur en temps r\u00e9el :)<\/p>\n<h3>Autres liens<\/h3>\n<p>#Environnement professionel<\/p>\n<p><a lang=\"en\" href=\"https:\/\/rework.withgoogle.com\/\" hreflang=\"en\">re:Work<\/a> \u00a0est un recueil de bonnes pratiques, de recherches et d&rsquo;id\u00e9es de Google et d&rsquo;autres pour vous aider \u00e0 cr\u00e9er des environnements professionnels plus accueillants<\/p>\n<h2>Les articles de la semaine<\/h2>\n<p>#V\u00e9lo<\/p>\n<p><a lang=\"en\" href=\"https:\/\/qz.com\/1620913\/the-best-cycling-hack-is-a-pool-noodle\/\" hreflang=\"en\">Why every cyclist needs a pool noodle<\/a>, ou pourquoi chaque cycliste a besoin d&rsquo;une nouille de piscine. Je fais encore beaucoup de v\u00e9lo et oui, c&rsquo;est assez dangereux parfois, les voitures qui passent ne se soucient pas de vous, alors cette paille pour les forcer \u00e0 respecter les distances de s\u00e9curit\u00e9 une tr\u00e8s bonne id\u00e9e.<\/p>\n<p>#Open Source<\/p>\n<p><a lang=\"en\" href=\"https:\/\/www.dailydot.com\/debug\/mastodon-fediverse-eugen-rochko\/\" hreflang=\"en\">Mastodon is crumbling\u2014and many blame its creator<\/a> &#8211; Mastodon est en train de s&rsquo;effondrer &#8211; et beaucoup bl\u00e2ment son cr\u00e9ateur. Un article int\u00e9ressant \u00e0 propos du principe de \u00ab\u00a0<span lang=\"en\">Benevolent Dictator For Life<\/span>\u00ab\u00a0, des contributions, de l&rsquo;attribution, des probl\u00e8mes dans les projets open source, etc.<\/p>\n<p>#UX<\/p>\n<p><a lang=\"en\" href=\"https:\/\/uxdesign.cc\/the-mcdonaldization-of-ux-705438fea958\" hreflang=\"en\">The MacDonaldization of UX<\/a>, la MacDonaldisation du design d&rsquo;experience utilisateur, une lecture longe et d\u00e9primante qui soul\u00e8ve de nombreuses questions sur la normalisation ou m\u00eame l&rsquo;industrialisation du design.<\/p>\n<p>#Accessibilit\u00e9 #Animations<\/p>\n<p><a lang=\"en\" href=\"https:\/\/css-tricks.com\/revisiting-prefers-reduced-motion-the-reduced-motion-media-query\/\" hreflang=\"en\">Revisiting prefers-reduced-motion, the reduced motion media query<\/a><\/p>\n<h2>De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n<p>#Post-Its<\/p>\n<p><a lang=\"en\" href=\"https:\/\/twitter.com\/lauraklein\/status\/1129401750744489984\" hreflang=\"en\">Cette vid\u00e9o mignonne de Rays nageant qui ressemble \u00e0 des post-its<\/a> a fait ma semaine<\/p>\n<p>#BD #Design<\/p>\n<p><a lang=\"en\" href=\"https:\/\/thedesignteam.io\/designer-first-world-problems-861e53c8ecf7\" hreflang=\"en\">Designer First World Problems<\/a>, une collection de bandes dessin\u00e9es al\u00e9atoires sur le design, l&rsquo;introversion et les sandwichs.<\/p>\n<p>#Wording<\/p>\n<p><a lang=\"en\" href=\"https:\/\/designcritiquecoach.com\/\" hreflang=\"en\">Design Critique Coach<\/a> &#8211; Si vous voulez avoir l&rsquo;air intelligente lors de votre prochaine rencontre avec un designer mais que vous n&rsquo;avez aucune id\u00e9e de la fa\u00e7on de le faire, voici quelques questions pour vous aider (ceci est 100% sarcastique je pr\u00e9cise)<\/p>\n<h2>Tutoriels<\/h2>\n<p>#SVG #Animations<\/p>\n<p>\u00ab\u00a0<a lang=\"en\" href=\"https:\/\/www.newmediacampaigns.com\/blog\/guide-to-css-icon-animations\" hreflang=\"en\">A Designer&rsquo;s Guide to Animating Icons with CSS<\/a>\u00ab\u00a0, un petit guide vraiment sympa pour vous aider \u00e0 comprendre comment animer un SVG avec stroke-dashoffset en utilisant CSS<\/p>\n<h2>Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n<p>#React #Accessibilit\u00e9<\/p>\n<p><a lang=\"en\" href=\"https:\/\/reakit.io\/\" hreflang=\"en\">Reakit<\/a>: construire des composants React accessibles c&rsquo;est possible<\/p>\n<p>#Carnet<\/p>\n<p><a href=\"https:\/\/trianglenotebook.com\/collections\/sidekick-notebook\">Une id\u00e9e marrante de carnet de notes<\/a><\/p>\n<p>#Mac Wallpaper<\/p>\n<p>Toutes les 20 minutes (ou toutes les heures, au choix), <a lang=\"en\" href=\"http:\/\/downlinkapp.com\/\" hreflang=\"en\">Downlink<\/a> met \u00e0 jour votre fond d&rsquo;\u00e9cran Mac avec les images les plus r\u00e9centes de Earth.<\/p>\n<p>#Accessibilit\u00e9 #WordPress<\/p>\n<p><a lang=\"en\" href=\"https:\/\/wordpress.org\/plugins\/juiz-lang-attributes\/\" hreflang=\"en\">Juiz Lang Attribute<\/a>, ajoutez des attributs de langue \u00e0 votre \u00e9diteur WordPress pour des raisons d&rsquo;accessibilit\u00e9 et de r\u00e9f\u00e9rencement.<\/p>\n<p>#Podcasts<\/p>\n<p><a href=\"https:\/\/podcasts-repo.surge.sh\/\">Un r\u00e9pertoire de Podcasts<\/a><\/p>\n<p>#Icons<\/p>\n<p><a lang=\"en\" href=\"https:\/\/app.streamlineicons.com\/streamline-regular\/interface-essential\" hreflang=\"en\">Streamlineicons<\/a> a maintenant une application en ligne vraiment cool pour vous aider \u00e0 trouver toutes vos ic\u00f4nes pr\u00e9f\u00e9r\u00e9es.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Votre dose de veille UX, UI design et Front-end de la semaine : comme j&rsquo;ai pass\u00e9 3 jours \u00e0 Google I\/O la semaine derni\u00e8re j&rsquo;ajoute donc une section suppl\u00e9mentaire avec tous les liens et ressources int\u00e9ressants que j&rsquo;ai y d\u00e9couverts. Des liens sur le design \u00e9thique dans un monde des technologies futures , des exp\u00e9riences vraiment cool en Art, Culture, AR (r\u00e9alit\u00e9 augment\u00e9e) et Machine Learning, les nouvelles int\u00e9grations Web et Chrome, designer des exp\u00e9riences en r\u00e9alit\u00e9 augment\u00e9e ou avec des technologies de machine learning, les nouvelles fonctionnalit\u00e9s Android, etc. En plus de cela, il y a la s\u00e9lection habituelle de liens incluant le design inclusif, l&rsquo;effritement de mastodon, des composants React accessibles, la MacDonaldisation du design d&rsquo;experience utilisateur, des podcasts, des animations SVG &#038; CSS, de beaux fonds d&rsquo;\u00e9cran Mac, des ic\u00f4nes, des BD pour les designers, etc.<\/p>\n","protected":false},"author":3,"featured_media":7421,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-7419","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 19 Mai 2019 - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Ressources UX, UI Design et Front-End avec un r\u00e9sum\u00e9 de la Google I\/O 2019, design inclusif, composants React accessibles, la MacDonaldization d&#039;UX, podcasts, animations SVG &amp; CSS, jolis fonds d&#039;\u00e9cran mac, notebooks intelligents, ic\u00f4nes, bandes dessin\u00e9es, etc.\" \/>\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-19-mai-2019\/\" \/>\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 19 Mai 2019 - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Ressources UX, UI Design et Front-End avec un r\u00e9sum\u00e9 de la Google I\/O 2019, design inclusif, composants React accessibles, la MacDonaldization d&#039;UX, podcasts, animations SVG &amp; CSS, jolis fonds d&#039;\u00e9cran mac, notebooks intelligents, ic\u00f4nes, bandes dessin\u00e9es, etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/\" \/>\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=\"2019-05-19T16:50:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-20T09:39:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/05\/liensemaine-19mai2019.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=\"9 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-19-mai-2019\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/\",\"name\":\"La semaine en pixels \u2013 19 Mai 2019 - 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-19-mai-2019\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-19mai2019.jpg\",\"datePublished\":\"2019-05-19T16:50:19+00:00\",\"dateModified\":\"2019-05-20T09:39:05+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Ressources UX, UI Design et Front-End avec un r\u00e9sum\u00e9 de la Google I\/O 2019, design inclusif, composants React accessibles, la MacDonaldization d'UX, podcasts, animations SVG & CSS, jolis fonds d'\u00e9cran mac, notebooks intelligents, ic\u00f4nes, bandes dessin\u00e9es, etc.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-19mai2019.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-19mai2019.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 19 Mai 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Ressources UX, UI Design et Front-End avec un r\u00e9sum\u00e9 de la Google I\/O 2019, design inclusif, composants React accessibles, la MacDonaldization d'UX, podcasts, animations SVG & CSS, jolis fonds d'\u00e9cran mac, notebooks intelligents, ic\u00f4nes, bandes dessin\u00e9es, etc.","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-19-mai-2019\/","og_locale":"fr_FR","og_type":"article","og_title":"La semaine en pixels \u2013 19 Mai 2019 - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Ressources UX, UI Design et Front-End avec un r\u00e9sum\u00e9 de la Google I\/O 2019, design inclusif, composants React accessibles, la MacDonaldization d'UX, podcasts, animations SVG & CSS, jolis fonds d'\u00e9cran mac, notebooks intelligents, ic\u00f4nes, bandes dessin\u00e9es, etc.","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2019-05-19T16:50:19+00:00","article_modified_time":"2019-05-20T09:39:05+00:00","og_image":[{"width":850,"height":350,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2019\/05\/liensemaine-19mai2019.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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/","name":"La semaine en pixels \u2013 19 Mai 2019 - 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-19-mai-2019\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-19mai2019.jpg","datePublished":"2019-05-19T16:50:19+00:00","dateModified":"2019-05-20T09:39:05+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Ressources UX, UI Design et Front-End avec un r\u00e9sum\u00e9 de la Google I\/O 2019, design inclusif, composants React accessibles, la MacDonaldization d'UX, podcasts, animations SVG & CSS, jolis fonds d'\u00e9cran mac, notebooks intelligents, ic\u00f4nes, bandes dessin\u00e9es, etc.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-19-mai-2019\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-19mai2019.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2019\/05\/liensemaine-19mai2019.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\/7419","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=7419"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/7419\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7421"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=7419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=7419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=7419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}