Le coût du JavaScript, de l'éthique en open source et du QUIC

Que s'est-il passé dans l'industrie du Web au cours des quatre dernières semaines? Pour vous tenir au courant, Anselm résume les techniques les plus récentes, les mises à jour du navigateur et les sujets d'actualité dans une liste de lecture pratique.

La technologie et les logiciels de construction sont devenus un travail très responsable. Les gens font confiance aux produits que nous créons, et ils peuvent également avoir un impact significatif sur leur vie. Compte tenu de ce qui précède, nous devons non seulement réfléchir à des solutions inclusives, mais également défendre l’éthique, la fiabilité et la sécurité. C'est une position qui nous donne le pouvoir.

Eric Meyer a publié un article expliquant les problèmes que pose un site Web HTTPS. Dans celui-ci, il révèle que les pays en développement souffrent beaucoup de cette évolution car ils ont souvent des connexions Internet médiocres et, grâce au cryptage, ils subissent plus d'erreurs de sites qu'avant . Ben Werdmüller a sauté dessus et a publié l'article " Arrêt de la construction pour San Francisco " dans lequel il souligne l'un des plus gros problèmes en tant que développeurs: nous utilisons du matériel et des infrastructures privilégiés. Nous construisons des expériences en utilisant les derniers iPhones, Macbooks avec connexions Gigabit ou 4G rapides, mais nous ne considérons jamais que la plupart des personnes que nous construisons pour utiliser des appareils et des infrastructures sont loin d’être aussi bien équipées. Rendre le Web plus sûr est une excellente idée, sans aucun doute, mais nous devrions également garder à l'esprit les conséquences que les dernières technologies et nos décisions de conception pourraient avoir pour les autres.

News

Général

UI / UX

• Ethics for Design est un projet où douze designers et chercheurs Les villes européennes discutent de l'impact parfois néfaste du design sur nos sociétés et de ce que les concepteurs peuvent faire pour travailler pour le bien de tous et pas seulement pour quelques uns.

Tooling

• Prashant Palikhe a écrit une longue histoire sur art du débogage avec les outils de développement de Chrome que je recommande vivement car il s'agit d'une référence très complète pour apprendre à connaître les outils de développement d'un navigateur. Si vous utilisez un autre navigateur, ce n'est pas un gros problème, car la plupart des outils sont assez similaires.
• WebP est un format d'image avec quelques fonctionnalités intéressantes et probablement l'un des nouveaux formats les plus connus. Cependant, Jeremy Wagner a écrit un guide sur la façon de convertir des images en WebP .
• Douglas Creager présente la nouvelle Network Error Journalisation qui vous permet de demander aux agents utilisateurs de collecter le même ensemble d'informations qui apparaîtrait dans les journaux de votre serveur.
• Beaucoup d'entre nous sont dépendants d'outils de communication tels que Slack. Les gens de Wildbit ont décidé de fermer Slack pendant une semaine – avec un effet significatif sur leur fonctionnement. Une étude de cas intéressante sur la manière dont nous avons tendance à être trop à l'aise avec un outil utile et à ne plus l'utiliser comme il se doit.
• Dennis Reimann a publié la première version stable de UIEngine un plan de travail pour le développement basé sur une interface utilisateur.

Security

• Un nouvel observateur est disponible. about: L'API ReportingObserver vous permet de savoir quand votre site utilise une API obsolète ou s'exécute dans une intervention du navigateur. Jusqu'à présent, il est disponible dans Chrome 69. Vous pouvez facilement l'utiliser pour envoyer des erreurs qui n'étaient auparavant disponibles que dans la console vers votre service de gestion ou de traitement des erreurs.

Web Performance

HTML & SVG

Accessibilité

JavaScript

• Un an après avoir présenté son application Web progressive, Zack Argyle de l'équipe d'ingénierie Pinterest retour . Il est important de noter pourquoi ils ont décidé de construire une PWA: "Notre expérience du Web mobile pour les personnes dans des environnements à faible bande passante et des plans de données limités n'était pas bonne".
• Philip Walton présente la nouvelle API du cycle de vie des pages qui nous aide à déterminer plus facilement les états des pages dans le navigateur via des événements tels que la page en arrière-plan ( non visible), actif, gelé ou même terminé.
• Oups, vous savez tous eval () en JavaScript est mauvais, non? C'est pourquoi nous interdisons généralement son utilisation dans les stratégies de sécurité du contenu. Mais Remy Sharp nous rappelle que il y a une ligne de code qui est aussi mauvaise pour la sécurité .
• Addy Osmani a étudié le coût de JavaScript en 2018 et partage maintenant des preuves que chaque octet de Le JavaScript est toujours la ressource la plus chère que nous puissions envoyer aux téléphones mobiles, car elle peut retarder considérablement l'interactivité. C'est un problème en particulier pour les téléphones moins performants qui sont largement utilisés en dehors de l'industrie technologique.
• Hidde de Vries explique comment nous pouvons rendre les titres de pages accessibles dans une application JavaScript simple page . De JavaScript En 2018 « />

  CSS

  Work & Life

  Aller au-delà …

  • Tobias van Schneider a expliqué pourquoi le studio Sagmeister-Walsh réussit si bien Pourquoi rêver grand mais rester petit est si important pour la pensée créative .
  • Ben Werdmüller partage son point de vue sur la différence qu'il y a à créer une entreprise à San Francisco, par exemple. Ceci est une histoire où 117 000 $ sont considérés comme un "faible revenu" à San Francisco et comment cela limite les idées.
  • Jeremy Nagel nous fait penser à l'impact de notre code open source : En tant que développeurs, nous avons tendance à croire que rendre notre code disponible gratuitement est une initiative formidable, mais nous oublions que nous le mettons à la disposition des mauvais joueurs – des mineurs, des entreprises polluantes, en les maltraitant, à ceux qui vous arrachent indirectement. Ce n'est pas que vous ne puissiez rien y faire; vous devez être conscient de ces problèmes et appliquer une meilleure licence ou ajouter une déclaration dédiée à votre code.
  • L'Inde a un gros problème de déchets plastiques. Depuis quelques mois, un couple de pêcheurs n'ignore plus le problème du plastique mais ramasse plutôt tous les déchets dans leurs filets et les ramène sur le rivage où ils construisent des routes. Une excellente idée de l'utilisation efficace des ordures.
  (cm)