Fermer

mars 15, 2019

Crochets de réaction, feuilles de style constructibles et renforcement de la confiance


Il peut être difficile de rester au fait de ce qui se passe dans la communauté Web. La liste de lecture mensuelle d’Anselm vous donne un aperçu des informations et articles les plus importants.

Avez-vous parfois l’impression que vous avez tant à lire et à apprendre que votre cerveau n’en peut plus? C’est quelque chose que la plupart d’entre nous vivons de temps en temps lorsque nous avons trop à faire et que nous surchargeons encore plus notre cerveau. Je suis conscient que mes listes de lecture ne me sont pas utiles à cet égard, car elles contiennent encore plus de choses à apprendre. Mais c’est la raison même pour laquelle j’essaie de compiler une série d’articles divers, ouverts d’esprit, qui ne sont pas entièrement liés à la technologie ou aux applications frontales. Et dans des semaines comme celle-ci où il n’ya pas trop d’articles à résumer, je réalise à quel point cela peut être soulageant. Donnons à nos cerveaux la chance de se calmer un peu quand ils nous le demandent et profitons de cette occasion pour revoir notre façon de travailler.

Pensez à comment vous abordez les tâches par exemple. Est-ce que vous demandez plus de détails quand une tâche spécifique vous est confiée? Avez-vous trouvé comment le faire vous-même? Ou suivez-vous simplement les détails de la tâche? Ce n’est que le fait de faire les choses, bien sûr. Mais cela augmentera également le risque d'oubli des détails nécessaires, comme le révèle une étude sur le stockage des mots de passe . Par exemple, si la description de la tâche ne contient aucune information sur le hachage d’un mot de passe, de nombreuses personnes ne l’appliqueront pas, même s’ils savent que c’est la meilleure solution. Ou prenez le processus de création d’un site Web: si nous oublions d’ajouter la mise en cache correcte, les coûts de serveur seront inutilement élevés et les performances en souffriront. Ce sont ces petites étapes supplémentaires de la pensée qui font la différence entre un travail solide et de qualité et le "juste faire avancer les choses".

News

  • Chrome 74 apporte quelques nouvelles fonctionnalités à de DevTools : Il met maintenant en évidence tous les éléments affectés par une propriété CSS, Lighthouse 4 est intégré au panneau Audits et un visualiseur de messages binaires WebSocket a également été ajouté.
  • Intersection Observer est encore récent, mais les développeurs Chrome le sont encore. présente actuellement la version 2 pour résoudre certains problèmes courants et mettre en œuvre les enseignements tirés de la première version. Voici ce qui va changer dans Intersection Observer v2 .

Général

  • Il est facile de l’oublier, mais même aujourd’hui, nous élaborons souvent des solutions variées dans de nombreux domaines de la vie. Cet article montre comment cela se produit avec les mannequins de tests de collision qui négligent les femmes .
  • La voix devient de plus en plus importante dans nos vies, principalement parce que nous utilisons de plus en plus d'appareils sans interfaces d'affichage réelles – Homepod, Alexa , Siri, Google Assistant ou Amazon Echo. Mozilla s'est associé à des instituts du monde entier pour créer un groupe de voix de grande qualité à code source ouvert qui aide à apprendre aux machines à parler comment les gens parlent.
  • «Dans notre monde moderne, il est facile de traiter des choses indésirables. up. Simple c'est difficile. Nous sommes prompts à ajouter plus de questions aux enquêtes de recherche, plus de boutons à une interface numérique, plus de charge pour les gens ». Kate Clayton explore comment devenir un simplificateur élégant .
  • «Les gens pensent que les données sont dans le nuage, mais ce n’est pas le cas. C’est dans l’océan ». Voyons de plus près, dans le fonctionnement de la communication et le fait que Microsoft, Google, Facebook et Amazon possèdent plus de la moitié de la bande passante sous-marine. L'article montre comment Internet dépend aujourd'hui de ces quatre grandes entreprises et que, si nous les évitions, nous aurions à faire face à des difficultés considérables et à des impacts sur les performances.
  • Jason Miller a écrit une introduction au rendu sur le Web en résumant Que se passe-t-il lorsqu'un utilisateur accède à un site Web via un navigateur moderne? Il y a beaucoup à apprendre ici.
 Carte du monde montrant les câbles Internet sous-marins en 2021
Les données ne sont pas dans le nuage. C’est dans l’océan . Et plus de la moitié de la bande passante sous-marine appartient à Amazon, Facebook, Google et Microsoft. ( Crédit image )

UI / UX

  • Anand Satyan explique pourquoi il est important de commencer la création sans couleur par . Il vous aide à mieux comprendre la structure des données et la mise en page et aboutit souvent à des conceptions plus propres et plus cohérentes.
  • Brad Frost a écrit sur l’importance de fournir des formulaires simples et peu intelligents surtout si vous le souhaitez. les utilisateurs à se connecter.
  • Nikita Prokopov a tenté d'analyser et de redessiner la page de référentiel de Github . Bien que je n'aime pas trop le résultat final, il existe de nombreux avantages à améliorer en améliorant les modèles de conception existants et l'expérience utilisateur avec des méthodes simples.

JavaScript

CSS

  • Feuilles de style constructibles est un nouveau moyen d'initialiser une feuille de style externe ou un ensemble de styles de manière non bloquante. Cette nouvelle approche nous permet de construire dynamiquement des feuilles de style via JavaScript, ce qui est particulièrement utile lorsque nous l'utilisons pour les composants Web dans un ShadowDOM. La fonctionnalité est actuellement disponible dans les versions de Chrome Preview.
  • Rachel Andrew explique comment nous allons passer à boîtes de cassure avec la nouvelle spécification CSS Fragmentation . Avec la fragmentation CSS, nous pouvons faire ce que nous avions l'habitude de faire avec float mais elle est plus flexible et nous permet de contrôler les sauts de page et autres éléments importants pour l'impression ou les livres numériques.
  • This CSS-only l'expérience est hallucinante. Je suis vraiment impressionné et je n'aurais pas imaginé pouvoir faire quelque chose comme cela avec CSS aujourd'hui.

Sécurité

Performances Web

Accessibilité

  • Ben Robertson partage cinq outils que nous pouvons utiliser pour vérifications d'accessibilité automatisées . C’est formidable, car cela nous permet d’utiliser ces outils dans des CI, dans des tests de régression (via des navigateurs sans tête Selenium ou Chrome / Firefox, par exemple) ou directement dans nos navigateurs. analyse du premier million de sites : 59% des entrées de formulaire ne sont pas étiquetées et ne sont donc pas accessibles. Les rendre accessibles à tous ne serait pas difficile du tout. C’est aussi simple que de résumer l’entrée et de la décrire, par exemple comme ceci: Bien sûr, les pratiques d’étiquetage sont encore meilleures, mais cela suffirait déjà à faire la différence pour tous les utilisateurs d’un site Web, pas seulement ceux qui utilisent des technologies d'assistance.
  • Accessibility Insights est un nouveau service de plate-forme qui fournit aux développeurs des outils pour analyser l'accessibilité de leurs projets Web.
 Cartoon cat et un ordinateur portable exécute l'extension Accessibility Insights
L'extension Accessibility Insights vous aide à détecter les erreurs d'accessibilité et vous montre comment y remédier. ( Crédit d'image )

La vie au travail

Au-delà…

Voici une dernière chose: rappel périodique – mais pas régulier – de donner quelque chose en retour si vous aimez lire mes écrits et résumé d'articles.
– Anselm

 Éditorial radieux (cm)



Source link