Mise à jour mensuelle du développement Web 7⁄2019 : techniques modernes et bons problèmes

Que pouvons-nous faire pour causer de « bons ennuis » ? Tout d'abord, je pense qu'il doit s'agir d'actions amicales, utiles et significatives qui n'affectent pas la vie des autres. Deuxièmement, c'est quelque chose auquel nous croyons fermement - il peut s'agir d'utiliser des méthodes JavaScript plus simples, de réduire la taille de l'application, d'une meilleure interface utilisateur à bascule, de publier un livre ou de créer une entreprise sans vendre les données des utilisateurs à d'autres. Quoi qu'il en soit, il est bon d'avoir un point de vue et d'en parler.

Il est bon de défendre les autres sur les problèmes d'accessibilité, sur la façon de mieux écouter les autres dans une conversation, sur la façon de mieux gérer des projets, des produits ou même une entreprise. La chose la plus importante sur toutes ces actions est de se rappeler qu'elles aident les autres et ne les affectent pas ainsi que les animaux ou notre environnement en général.

Faire quelque chose d'utile - aussi petit que cela puisse paraître - est toujours une bonne chose. Et n'oubliez pas d'honorer votre action simplement en souriant et en étant reconnaissant pour ce que vous avez fait !

Nouvelles

• Chrome 76 supprime quelques éléments tels feature policy: lazyload , l'utilisation non sécurisée de DeviceMotionEvent et de DeviceOrientationEvent . Si vous les utilisez, assurez-vous d'utiliser un contexte sécurisé maintenant ou remplacez-les par leurs successeurs.
• Firefox 68 est sorti et c'est nouveau : BigInts pour JavaScript, les vérifications d'accessibilité dans DevTools, l'accrochage au défilement CSS et le style des marqueurs, l'accès aux caméras, microphones et autres appareils multimédias n'est plus autorisé dans des contextes non sécurisés comme le HTTP simple. Il est désormais possible de renvoyer une requête réseau sans modifier la méthode, l'URL, les paramètres et les en-têtes via DevTools, et de nombreux correctifs (de compatibilité) sont également inclus pour les fonctionnalités CSS.
• Chrome 76 apporte la prise en charge des images pour l'API du presse-papiers asynchrone, ce qui facilite la copie et le collage par programme d' image/png (actuellement, c'est le seul format pris en charge, malheureusement).
• La prévention du suivi est désormais disponible dans l'aperçu de Microsoft Edge, à la suite d'autres navigateurs comme Safari et Firefox.
  

Générique

• Avez-vous entendu parler du concept de « bon problème » ? Frank Chimero le définit comme la remise en question et la réinvention du statu quo, et le fait que vos actions s'opposent à la norme. Mais l'interview avec le designer montre bien plus qu'un nouveau concept, c'est un défi de savoir comment nous travaillons aujourd'hui et comment faire votre propre chose qui ne correspond pas à la norme de la société.

En particulier, j'aime cette citation ici:

"Ralentissez, trouvez un endroit calme et créez du temps pour la solitude afin que vous puissiez vous entendre. C'est tellement bruyant là-bas.

• Et si le contrôle n'était qu'une illusion ? On se rendrait compte que la véritable nature d'une expérience ne se révèle que dans l'interaction avec les personnes qui l'utilisent et qu'un design invalidé n'est qu'une opinion. Toute une pensée qui met nos hypothèses et notre approche sur les projets sous un jour différent.

Interface utilisateur/expérience utilisateur

• De nombreux boutons à bascule simples échouent à afficher l'état actuel ou à rendre l'option non sélectionnée visible - voici comment basculer les boutons et les indicateurs dans le bon sens.

Accessibilité

• Lindsey Kopacz explique comment nous pouvons créer des cases à cocher personnalisées, mais accessibles au clavier, avec des techniques CSS modernes.

Javascript

• Marta Wisniewska explique comment flat() , flatMap() et fromEntries() et d'autres fonctionnalités ES2019 fonctionnent et quand les utiliser.
• Addy Osmani sur le coût de JavaScript en 2019. Un article (ou une vidéo, si vous préférez) pour tous ceux qui créent des applications JavaScript.

CSS

• Miriam Suzanne explique les propriétés personnalisées CSS et leur rôle dans la cascade dans un article détaillé.

La vie de travail

• L'écoute active est une compétence qui nous aide à écouter le sens et comment l'autre personne se sent au lieu de cette écoute habituelle qui se concentre sur "comment puis-je répondre ou commenter cela ou comment allons-nous résoudre cela ?". Le guide de Buffer écrit par Marcus Wermuth est une excellente ressource pour apprendre et pratiquer l'écoute active.
• Christoph Rumpel partage ce qu'il a appris de l'auto-édition d'un livre et montre des informations intéressantes sur les finances de celui-ci et ce qu'il faut éviter ou faire mieux.
• Ben Werdmuller à propos de bien faire tout en faisant le bien : il s'agit d'une histoire personnelle sur la lutte avec les revenus, les investissements, le capital de tiers, essayant de gagner de l'argent par vous-même en vendant votre produit tout en ayant des concurrents libres et comment produire encore de bonnes choses tout en faisant bien financièrement.
• Shape Up - Stop Running in Circles and Ship Work that Matters est un nouveau livre en ligne gratuit de Ryan Singer sur la gestion de projet, la direction d'une entreprise et d'un produit. C'est incroyable et même si je n'ai eu que le temps de le feuilleter rapidement et de lire certains chapitres et sections individuels, cela deviendra certainement une ressource à sauvegarder et à consulter régulièrement.

Aller plus loin…

J'étais au cinéma la semaine dernière pour regarder un film sur des gens qui ont créé une ferme. La bande-annonce était sympa et même si je n'en étais pas convaincue à 100%, c'était une soirée où j'étais debout pour sortir regarder un film. Alors je l'ai fait et c'était bien que je sois allé voir "The Biggest Little Farm". Le fermier a fait le film lui-même car il est un cinéaste animalier, alors attendez-vous à des images et des séquences assez étonnantes d'animaux sauvages !

La partie la plus révélatrice était l'impact que seule une poignée de personnes peut avoir sur les terres désertiques en quelques années, et à quel point nous, les humains, pouvons influencer la faune, donner un habitat aux insectes et produire des aliments de qualité tout en incluant Le CO2 de l'air dans notre sol pour faire pousser les plantes mieux, afin de restaurer la nature et d'avoir un impact dans l'effort de lutte contre le changement climatique.

À plusieurs moments du film, j'étais au bord des larmes et j'étais extrêmement reconnaissant de pouvoir également disposer de mon petit jardin où je peux faire des choses similaires (bien que beaucoup plus petites que leur ferme). Si vous êtes prêt pour quelque chose de nouveau, pour apprendre quelque chose sur la nourriture, la viande, l'économie et comment tout cela se connecte ou comment créer un bel espace vert dans le désert, ce film est pour vous.

Enfin, les panneaux solaires sont un bon moyen de produire de l'énergie renouvelable et c'est une bonne utilisation des toits. En Chine cependant, la pollution de l'air est actuellement si grave que les panneaux solaires cessent parfois de fonctionner. Raison de plus pour agir vite ! Si les panneaux solaires ne fonctionnent pas en raison de rayons de soleil manquants, nos corps souffriront du même manque de soleil et nous en avons besoin pour notre santé.