Liste de lecture de développement Web #156 : Nouvelles du navigateur, Webpack 2 et leçons apprises de HPKP

Une personne assise seule dans une pièce est-elle seule ? D'un point de vue extérieur, cela peut sembler être le cas, mais le cerveau humain est bien plus intéressant à cet égard. Nous portons une carte des relations à l'intérieur de nous, et cela dépend de cette carte si la personne se sent réellement seule ou non.

Je viens de lire "Stress and the Social Self: How Relationships Affect Our Immune System", et je pense que nous pouvons en apprendre beaucoup. En fait, je pourrais voir les médias sociaux sous un angle différent maintenant. Nous sommes des êtres sociaux , j'adore partager du bon contenu avec vous, alors, sans plus tarder, voici la liste de lecture des développeurs Web de cette semaine.

Lectures complémentaires sur SmashingMag :

• Une introduction détaillée à Webpack
• N'ayez pas peur de l'épinglage de clé publique HTTP (HPKP)
• Faire plus de travail sans simplement travailler plus d'heures
• Introduction au DNS : expliquer le redoutable délai DNS

Nouvelles

• Opera 41 et Chrome 54 sont sortis, et ils viennent avec de nouvelles fonctionnalités intéressantes. Les mises à jour prennent désormais en charge les éléments personnalisés v1 ainsi que de nouvelles méthodes JavaScript pratiques telles que ParentNode.prototype.append() ou CSS user-select préfixe. En revanche, ils ont supprimé TouchEvent.prototype.initTouchEvent (vous devrez désormais utiliser le constructeur) et KeyboardEvent.prototype.keyIdentifier a été remplacé par KeyboardEvent.prototype.key .
• Suite à une suggestion d'autres grands fournisseurs de navigateurs, Mozilla se méfiera des certificats WoSign et StartCom à partir du 1er janvier 2017 en raison de certificats antidatés et de la non-divulgation et du refus d'une acquisition des deux sociétés. Un grand pas en avant pour une meilleure sécurité CA.
• Node.js v6 est passé à la version LTS actuelle cette semaine et Node.js v7 a également été publié. Il couvre 98% d'ES6, apporte le nouveau moteur V8, une fiabilité et des performances améliorées, et un nouvel analyseur d'URL basé sur la norme d'URL WHATWG.

Général

• Avec le prochain Chrome 55 (maintenant en version bêta), le navigateur obtiendra enfin la prise en charge des événements Pointer. Il prendra également en charge les fonctions JavaScript async / await et ravivera la propriété des hyphens d'union CSS après des années d'absence dans les navigateurs Chromium. L'option once Event Listener sera également ajoutée et, pour améliorer les temps de chargement et éviter les échecs de navigation, les scripts cross-origin et bloquant l'analyseur injectés à l'aide de document.write() ne se chargeront plus sur les connexions 2G (ce qui signifie également que les tiers les replis utilisés par le HTML5Boilerplate ne fonctionneront plus dans les prochaines versions de Chrome).

Outils et flux de travail

• Jack Franklin explique comment migrer du Webpack 1 actuel vers le Webpack 2 à venir et où se situent les différences entre les deux.
• Semblable à l'éditeur Boxy SVG déjà présenté, Vectr est un nouvel éditeur de graphiques vectoriels en ligne/de bureau avec partage en temps réel.
  

Sécurité

• Paragon Initiative Enterprises partage un guide complet des mises à jour de sécurité automatiques pour les développeurs PHP que tous ceux qui développent avec PHP doivent connaître.
• La semaine dernière, Smashing Magazine a dû faire face à un certificat SSL expirant. Bien qu'il soit généralement facile à renouveler, des problèmes peuvent survenir si l'épinglage de clé publique HTTP (HPKP) est activé et défini sur une longue date d'expiration (ce qui est généralement prévu). Mathias Biilmann Christensen a maintenant écrit sur les leçons tirées de cela et pourquoi vous devriez être conscient (et avoir peur !) de HPKP et comment émettre un nouveau certificat avec une ancienne clé afin que le site ne tombe pas en panne pour vos utilisateurs avec HPKP activé.

Vie privée

• Mattias Geniar explique comment vous pouvez facilement bloquer les publicités et les trackers de l'ensemble de votre réseau domestique à l'aide de Pi-Hole, une liste noire basée sur DNS pour Raspberry Pi.

Performances Web

• Brian Armstrong de Canopy explique pourquoi vous ne devriez pas vous fier aux paramètres DNS par défaut, comme l'a montré la récente panne de Dyn DNS. Il explique comment configurer correctement le DNS, pourquoi un TTL plus long est important et pourquoi le fait d'avoir différents serveurs de noms de différents fournisseurs peut économiser la disponibilité de votre service.

Javascript

• Fuse.js est une nouvelle bibliothèque de recherche floue JavaScript légère.

CSS/Sass

• Roman Komarov a écrit sur les conditions dans les propriétés personnalisées CSS, sur les solutions, les défis et comment vous pouvez bénéficier des préprocesseurs lorsqu'il s'agit de conditions plus complexes. L'article mentionne également quelques idées intéressantes sur la façon dont la norme Web pourrait être étendue.

La vie de travail

• Cal Newport partage ses réflexions sur la façon dont les pauses profondes pendant le travail peuvent aider votre esprit à se ressourcer et, par conséquent, à améliorer votre productivité.

Aller plus loin…

• C'est vraiment intéressant de voir ce genre d'histoire: Katie Singer révèle la quantité réelle d'énergie utilisée pour alimenter Internet et met ces chiffres en perspective en comparant la quantité d'énergie que chacun d'entre nous aurait besoin de générer pour alimenter un site Web.

Et sur ce, je ferme pour cette semaine. Si vous aimez ce que j'écris chaque semaine, soutenez-moi avec un don ou partagez cette ressource avec d'autres personnes. Vous pouvez en savoir plus sur les coûts du projet ici. Il est disponible par e-mail, RSS et en ligne.