{"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":"
Chaque semaine, je publie un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d’interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.<\/p>\n
La s\u00e9lection de cette semaine est un peu sp\u00e9ciale : j’ai pass\u00e9 3 jours \u00e0 Google I\/O la semaine derni\u00e8re. J’ajoute donc une section suppl\u00e9mentaire avec tous les liens et ressources int\u00e9ressants que j’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’effritement de mastodon, des composants React accessibles, la MacDonaldisation du design d’experience utilisateur, des podcasts, des animations SVG & CSS, de beaux fonds d’\u00e9cran Mac, des ic\u00f4nes, des BD pour les designers, etc.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Inclusive Design<\/p>\n Trans-inclusive Design<\/a>, un excellent article sur la fa\u00e7on de rendre vos produits plus inclusifs pour les personnes transgenres.<\/p>\n #Videos<\/p>\n Vous pouvez voir toutes 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 \u00e0 partir du planning des sessions<\/a>.<\/p>\n Baratunde<\/a> a donn\u00e9 une conf\u00e9rence r\u00e9capitulative de l’I\/O: An Unconventional Look at the Future of Technology with Baratunde Thurston<\/a>. Vous pouvez trouver les slides ici<\/a>. Il y partage diff\u00e9rentes ressources<\/p>\n #Accessibilit\u00e9<\/p>\n Accessible to all<\/a>, quelques lignes directrices pour aider les d\u00e9veloppeuses \u00e0 cr\u00e9er des sites Web plus accessibles<\/p>\n #Recherche<\/p>\n 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’appareil et en le faisant passer \u00e0 travers un ensemble de d\u00e9tecteurs.<\/p>\n #Game #PWA<\/p>\n 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’\u00e9cran. Si vous voulez en savoir plus sur la fa\u00e7on dont il a \u00e9t\u00e9 construit, vous devriez regarder Build Fast and Smooth Web Apps from Feature Phone to Desktop (Google I\/O \u201919)<\/a><\/p>\n #Performance<\/p>\n #Portals<\/p>\n 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’informations sur les critiques de cette technologie vous pouvez consulter \u00ab\u00a0Short note on the portal element<\/a>\u00ab\u00a0)<\/p>\n #Art #Culture<\/p>\n Google Arts and Culture<\/a> est un lieu d’exploration de l’art et de la culture \u00e0 travers des exp\u00e9riences en r\u00e9alit\u00e9s augment\u00e9e, des galeries, etc. La video est en ligne ici<\/a> et voici quelques exp\u00e9riences que j’ai beaucoup appr\u00e9ci\u00e9es :\u00a0<\/span><\/p>\n #Outils #AR<\/p>\n 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, vous pouvez v\u00e9rifier les photos sur instagram.<\/a><\/p>\n # Designer pour la r\u00e9alit\u00e9 augment\u00e9e<\/p>\n Il y a eu 2 conf\u00e9rences tr\u00e8s int\u00e9ressantes avec beaucoup d’informations sur le design de produits utilisant la r\u00e9alit\u00e9 augment\u00e9e, vous devriez regarder la vid\u00e9o si vous avez un moment (je pourrais \u00e9crire un r\u00e9sum\u00e9 quand j’aurai le temps mais c’est pas pour tout de suite)<\/em>:<\/p>\n #AI #UX #Ebook<\/p>\n Que signifie cr\u00e9er des produits qui utilisent des technologies d’intelligence artificielle centr\u00e9s sur l’humain ? L’\u00e9quipe de Google propose un ebook en ligne pour vous aider :\u00a0People + AI Guidebook<\/a>. Pour en savoir plus vous pouvez voir cette session \u00ab\u00a0Designing Human-Centered AI Products<\/a>\u00a0\u00bb<\/p>\n #Outils #diversit\u00e9 #Dataset<\/p>\n 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 #Outils #diversit\u00e9 #Dataset #Exploration<\/p>\n What If…<\/a> et si vous pouviez inspecter un mod\u00e8le d’apprentissage de machine learning, avec un minimum de code requis ? Un outil d’aide\u00a0 \u00e0 l’ analyse d’hypoth\u00e8ses avec une interface visuelle interactive con\u00e7ue pour mieux sonder vos mod\u00e8les.<\/p>\n #Art #Music #ML<\/p>\n Faire de la musique et de l’art \u00e0 l’aide de l’apprentissage machine avec le projet Magenta<\/a>.<\/p>\n #AI #Reconnaissance Vocale<\/p>\n How AI can improve products for people with impaired speech<\/a>, comment l’intelligence artificielle peut am\u00e9liorer les produits pour les personnes ayant des troubles de la parole, un projet tr\u00e8s int\u00e9ressant.<\/p>\n #Android #Audit<\/p>\n Saviez-vous qu’il existe une application pour vous aider \u00e0 v\u00e9rifier l’accessibilit\u00e9 de vos applications Android ? \u00c7a s’appelle Accessiblity Scanner<\/a> et elle est super utile<\/p>\n #Android<\/p>\n Google a pr\u00e9sent\u00e9 quelques fonctionnalit\u00e9s qui ont un beau potentiel d’accessibilit\u00e9 :<\/p>\n 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’utilisateur en temps r\u00e9el :)<\/p>\n #Environnement professionel<\/p>\n re:Work<\/a> \u00a0est un recueil de bonnes pratiques, de recherches et d’id\u00e9es de Google et d’autres pour vous aider \u00e0 cr\u00e9er des environnements professionnels plus accueillants<\/p>\n #V\u00e9lo<\/p>\n Why every cyclist needs a pool noodle<\/a>, ou pourquoi chaque cycliste a besoin d’une nouille de piscine. Je fais encore beaucoup de v\u00e9lo et oui, c’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 #Open Source<\/p>\n Mastodon is crumbling\u2014and many blame its creator<\/a> – Mastodon est en train de s’effondrer – et beaucoup bl\u00e2ment son cr\u00e9ateur. Un article int\u00e9ressant \u00e0 propos du principe de \u00ab\u00a0Benevolent Dictator For Life<\/span>\u00ab\u00a0, des contributions, de l’attribution, des probl\u00e8mes dans les projets open source, etc.<\/p>\n #UX<\/p>\n The MacDonaldization of UX<\/a>, la MacDonaldisation du design d’experience utilisateur, une lecture longe et d\u00e9primante qui soul\u00e8ve de nombreuses questions sur la normalisation ou m\u00eame l’industrialisation du design.<\/p>\n #Accessibilit\u00e9 #Animations<\/p>\n Revisiting prefers-reduced-motion, the reduced motion media query<\/a><\/p>\n #Post-Its<\/p>\n Cette vid\u00e9o mignonne de Rays nageant qui ressemble \u00e0 des post-its<\/a> a fait ma semaine<\/p>\n #BD #Design<\/p>\n Designer First World Problems<\/a>, une collection de bandes dessin\u00e9es al\u00e9atoires sur le design, l’introversion et les sandwichs.<\/p>\n #Wording<\/p>\n Design Critique Coach<\/a> – Si vous voulez avoir l’air intelligente lors de votre prochaine rencontre avec un designer mais que vous n’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 #SVG #Animations<\/p>\n \u00ab\u00a0A Designer’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 #React #Accessibilit\u00e9<\/p>\n Reakit<\/a>: construire des composants React accessibles c’est possible<\/p>\n #Carnet<\/p>\n Une id\u00e9e marrante de carnet de notes<\/a><\/p>\n #Mac Wallpaper<\/p>\n Toutes les 20 minutes (ou toutes les heures, au choix), Downlink<\/a> met \u00e0 jour votre fond d’\u00e9cran Mac avec les images les plus r\u00e9centes de Earth.<\/p>\n #Accessibilit\u00e9 #WordPress<\/p>\n Juiz Lang Attribute<\/a>, ajoutez des attributs de langue \u00e0 votre \u00e9diteur WordPress pour des raisons d’accessibilit\u00e9 et de r\u00e9f\u00e9rencement.<\/p>\n #Podcasts<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
La sp\u00e9ciale Google I\/O 2019<\/h2>\n
Ethics & Design<\/h3>\n
\n
Web platform<\/h3>\n
\n
Augmented Reality<\/h3>\n
\n
\n
Machine Learning et Intelligence Artificielle (AI)<\/h3>\n
Accessibilit\u00e9<\/h3>\n
\n
Autres liens<\/h3>\n
Les articles de la semaine<\/h2>\n
De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n
Tutoriels<\/h2>\n
Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n