Mise à jour mensuelle du développement Web 8⁄2019 : équipes solides et sens des données éthiques

Publié: 2022-03-10
Résumé rapide ↬ Que s'est-il passé dans le monde du développement Web au cours des quatre dernières semaines ? Dans sa liste de lecture mensuelle, Anselm a résumé tout ce que vous devez savoir pour rester au courant des choses - des nouvelles du navigateur aux conseils pratiques et aux idées stimulantes.

Quoi de plus puissant qu'une star qui sait tout ? Eh bien, une équipe qui n'est pas composée de stars mais de personnes qui aiment ce qu'elles font, soutiennent la vision de leur entreprise et peuvent travailler ensemble, se soutenir mutuellement. Comme une galaxie faite d'étoiles - où toutes les étoiles ne brillent pas et n'en ont pas non plus besoin. Chacun a sa place , sa propre force, sa propre faiblesse. Les équipes ne sont pas seulement composées de stars, elles sont composées de personnes, et le plus important est que la culture du travail et de la vie soit excellente. Alors ne faites pas un moonshot si vous embauchez quelqu'un mais essayez de chercher quelqu'un qui s'intègre dans votre équipe et qui encourage, soutient les valeurs et les membres de votre équipe.

En ce qui concerne votre propre vie, prenez le temps aujourd'hui de respirer profondément et de vous rappeler ce qui s'est passé cette semaine . Traversez-le au jour le jour et appréciez les actions, les négatives comme les positives. Acceptez que des choses négatives se produisent également dans nos vies, sinon nous ne pourrions pas non plus nous sentir bien. C'est un exercice utile pour équilibrer votre vie, pour avoir un moyen d'invalider le sentiment de "Je n'ai rien fait cette semaine" ou "J'étais assez improductif". Cela vous fait comprendre pourquoi vous n'avez peut-être pas travaillé autant que d'habitude - mais ça va bien parce qu'il y a une raison à cela.

Nouvelles

  • Il y a trois semaines, nous avons officiellement épuisé les ressources naturelles de la Terre pour l'année - avec quatre mois restants en 2019. Le Jour du dépassement de la Terre est un bon indicateur de l'état actuel de la lutte contre le changement climatique et c'est une excellente initiative de personnes qui essaient pour donner des conseils utiles sur la façon dont nous pouvons déplacer cette date afin qu'un jour dans un avenir proche (espérons-le) nous atteindrons le jour du dépassement pas avant la fin de l'année ou même dans une nouvelle année.
  • Chrome 76 apporte la requête média prefers-color-scheme (par exemple pour la prise en charge du mode sombre) et de multiples simplifications pour l'installation de PWA.
Plus après saut! Continuez à lire ci-dessous ↓

Interface utilisateur/expérience utilisateur

  • Il y a des moments pour utiliser des interrupteurs à bascule et des moments pour ne pas le faire. Lorsque les concepteurs les utilisent à mauvais escient, cela rend les utilisateurs confus et frustrés. Savoir quand les utiliser nécessite une compréhension des différents types d'états et d'options de basculement.
  • Font Awesome a introduit les icônes Duotone. Un ensemble étonnant qui vaut le coup d'œil.

Javascript

  • Ben Frain explore la possibilité de construire une application Web progressive (PWA) sans cadre. Une série d'articles assez intéressante qui montre la différence entre s'appuyer sur des frameworks par défaut et construire des choses à partir de zéro.

Performances Web

  • Certaines expériences semblent idiotes, mais en réalité, elles ne le sont pas : Chris Ashton a utilisé le Web pendant une journée avec un budget de 50 Mo. Au Zimbabwe, par exemple, où 1 Go coûte en moyenne 75,20 $, allant de 12,50 $ à 138,46 $, 50 Mo sont incroyablement chers. Ainsi, la réduction de la taille de votre app bundle, de la taille de l'image et du coût du site Web est directement liée à la satisfaction de vos utilisateurs lorsqu'ils naviguent sur votre site ou utilisent votre service. S'il leur en coûte 3,76 $ (50 Mo) pour accéder à votre nouvelle page d'accroche sur les chaussures de sport, il est peu probable qu'ils l'achètent ou la recommandent.
  • Toby Cox de la BBC explique comment ils ont abandonné les iframes en faveur de ShadowDOM pour améliorer considérablement les performances de leur site. C'est un bon article expliquant les avantages et les inconvénients des iframes et pourquoi l'adoption de ShadowDOM prend du temps et reste inconfortable pour la plupart d'entre nous.
  • Craig Mod explique pourquoi les gens préfèrent choisir (et payer) un logiciel rapide. Les gens en sont reconnaissants et sont facilement ennuyés si l'application prend trop de temps à démarrer ou affiche une interface utilisateur lente.
  • Harry Roberts explique les détails de la métrique « time to first byte » et pourquoi c'est important.

CSS

  • Oui, prefers-reduced-motion n'est plus super nouveau mais encore fortement sous-utilisé sur le web. Voici comment l'appliquer à votre application Web pour répondre à la demande de réduction de mouvement d'un utilisateur.

HTML et SVG

  • Avec Chrome 76, nous obtenons l'attribut loading qui permet le chargement paresseux natif des images uniquement avec HTML. C'est formidable d'avoir un article pratique qui explique comment l'utiliser, le déboguer et le tester sur votre site Web aujourd'hui.
Chargement paresseux d'images de chats
Plus besoin de code de chargement paresseux personnalisé ni de bibliothèque JavaScript distincte : Chrome 76 est livré avec un chargement paresseux natif intégré. (Crédit image)

Accessibilité

  • Les meilleurs algorithmes disponibles aujourd'hui ont encore du mal à reconnaître les visages noirs aussi bons que les blancs. Ce qui montre à nouveau à quel point il est important d'avoir des équipes diversifiées et de se soucier de l'inclusivité.

Sécurité

  • Voici une analyse technique du piratage de Capital One. Une bonne lecture pour tous ceux qui utilisent des fournisseurs de cloud comme AWS pour leurs systèmes, car tout se résume à configurer correctement les comptes pour empêcher les pirates d'accéder en raison d'un rôle d'utilisateur de service cloud mal configuré.

Vie privée

  • Safari a présenté sa technologie Intelligent Tracking Prevention il y a quelque temps. Il existe maintenant une documentation officielle sur la politique Safari ITP qui explique comment cela fonctionne, ce qui sera bloqué et ce qui ne l'est pas.
  • SmashingMag a lancé un magazine imprimé et électronique sur l'éthique et la confidentialité. Il contient d'excellents articles sur la conception de la dépendance, sur la façon d'améliorer l'éthique étape par étape et sur l'apaisement de l'inquiétude. Un magazine qui vaut la peine d'être lu.

La vie de travail

  • "Pendant longtemps, j'ai cru qu'une équipe solide était composée de stars - des individus extraordinaires de classe mondiale qui peuvent générer et exécuter des idées à un niveau que personne d'autre ne peut. Aujourd'hui, j'ai l'impression qu'une équipe forte est celle qui ressemble plus à une famille proche qu'à une constellation d'étoiles. Une famille où tout le monde a un sentiment de prévisibilité, de confiance et de respect les uns pour les autres. Une famille qui incarne profondément les valeurs portées par l'entreprise et reflète ces valeurs tout au long de leur travail. Mais aussi une famille où tout le monde se sent véritablement valorisé, heureux et enflammé pour créer », a déclaré Vitaly Friedman dans une mise à jour pensée récemment et je ne pourrais être plus d'accord.
  • Comment justifier un emploi dans une entreprise qui a une influence significative sur notre monde et notre quotidien et cela pas forcément avec les meilleures intentions ? Meredith Whittaker a écrit son histoire de début chez Google, d'avoir passé un moment incroyable là-bas, et maintenant de quitter l'entreprise parce qu'elle ne pouvait plus justifier que Google utilise son travail et sa technologie pour s'impliquer dans les affaires d'énergie fossile, les soins de santé, la gouvernance, et le secteur des transports — et pas toujours dans le but d'améliorer la vie de chacun ou de faire de notre environnement un meilleur endroit où vivre, mais simplement pour le profit.
  • Les réunions synchrones sont un problème dans presque toutes les entreprises. Ils prennent beaucoup de temps à beaucoup de gens et perturbent tout horaire ou travail ciblé. Voici donc comment Buffer est passé aux réunions asynchrones, y compris d'excellents conseils et des informations sur les raisons pour lesquelles de nombreux outils ne fonctionnent pas bien.
  • Les conseils pratiques sont ce que nous recherchons généralement lors de la lecture d'un article. Cependant, il n'est pas toujours possible ou la meilleure option d'écrire des conseils pratiques et certainement pas toujours une bonne idée de suivre aveuglément des conseils pratiques. En effet, la plupart du temps, les conseils pratiques sont également des conseils avisés, adaptés et personnalisés qui ne correspondent pas nécessairement à votre objectif. Partager des expériences plutôt que des conseils exploitables favorise la créativité afin que chacun puisse trouver sa propre solution, son propre conseil.
  • "Notre planète, notre problème" de Sam Clulow est un excellent texte qui nous rappelle qui nous sommes et ce qui est important pour nous et comment nous pouvons vivre dans une ville et passer à une vie meilleure, plus réfléchie et naturelle.
  • Le changement climatique est désormais un sujet dans le monde entier et il semble que de nombreuses personnes s'en préoccupent et souhaitent agir. Mais ensuite, le mois dernier, nous avons eu la journée de voyage en avion la plus chargée de l'histoire. Les avions sont responsables de l'une des plus grandes parties des émissions actives sur le climat, il est donc essentiel de réduire autant que possible les voyages en avion à partir d'aujourd'hui . Par coïncidence, ce fut aussi la semaine la plus chaude jamais mesurée en Europe. En tant qu'individus, nous devons enfin réduire les vols, peu importe à quel point ce prochain vol de vacances à 50 $ vers une belle destination pourrait être tentant, qu'il s'agisse ou non d'une réunion d'affaires importante. Pourquoi avons-nous des solutions de visioconférence ? Pourquoi les gens prétendent-ils travailler à distance s'ils font ensuite le tour du monde des dizaines de fois dans leur vie ? Il y a tellement de belles destinations à proximité, accessibles en train ou, si nécessaire, en voiture.
Mise à jour d'un membre de l'équipe sur ce qui s'est passé pendant la semaine et sur quoi il travaille
L'équipe de Buffer partage ce qui a fonctionné et ce qui n'a pas fonctionné pour eux lorsqu'ils sont passés aux réunions asynchrones. (Crédit image)

Aller plus loin…

  • Leo Babauta partage une astuce sur la façon d'arrêter de trop réfléchir en coupant à travers l'indécision. Nous n'aurons jamais la certitude que nous aimerions avoir dans nos vies, c'est donc très bien d'avoir une stratégie pour faire face à l'incertitude. Comme j'ai beaucoup de mal avec cela, j'ai trouvé l'article utile.
  • Les pratiques éthiques qui peuvent servir de code de conduite pour les professionnels du data sensemaking reposent sur un principe fondamental unique. C'est le même principe que les médecins prêtent serment avant d'obtenir leur licence : ne pas nuire. Voici « la création de données éthiques ».
  • Paul Hayes partage son expérience d'essayer de vivre sans plastique pendant un mois et pourquoi il est difficile de s'y tenir. Il est surprenant de constater à quel point les habitudes d'achat doivent être modifiées et pourquoi vous devez dépenser votre argent d'une manière totalement différente et ne pouvez plus compter sur les magasins en ligne.
  • Le pétrole alimente les voitures que nous conduisons et les vols que nous prenons, il chauffe bon nombre de nos maisons et bureaux. C'est dans les choses que nous utilisons tous les jours et cela joue un rôle essentiel dans toutes les industries et économies. Pourtant, il est devenu très clair que la combustion incessante de combustibles fossiles ne peut pas continuer sans relâche. Le monde peut-il être moins dépendant du pétrole ?
  • Uber et Lyft admettent qu'ils aggravent les embouteillages dans les villes. La prochaine fois que vous utiliserez l'une de ces nouvelles applications de taxi, essayez de vous rappeler que vous aggravez la situation pour de nombreuses personnes dans la ville.

Merci pour la lecture. Si vous aimez ce que j'écris, pensez à soutenir la liste de lecture sur le développement Web.

—Anselme