Leseliste Nr. 156 für die Webentwicklung: Browser-Neuigkeiten, Webpack 2 und von HPKP gelernte Lektionen

Ist eine Person, die allein in einem Raum sitzt, allein? Von außen betrachtet mag es so erscheinen, aber das menschliche Gehirn ist in dieser Hinsicht viel interessanter. Wir tragen eine Karte der Beziehungen in uns, und von dieser Karte hängt es ab, ob sich die Person tatsächlich allein fühlt oder nicht.

Ich habe gerade „Stress und das soziale Selbst: Wie Beziehungen unser Immunsystem beeinflussen“ gelesen und ich habe das Gefühl, dass wir viel daraus lernen können. Tatsächlich sehe ich Social Media jetzt vielleicht aus einer anderen Perspektive. Wir sind soziale Wesen, ich liebe es, gute Inhalte mit Ihnen zu teilen, also, ohne weitere Umschweife, hier ist die Webentwickler-Leseliste dieser Woche.

Weiterführende Literatur zu SmashingMag:

• Eine ausführliche Einführung in Webpack
• Haben Sie Angst vor HTTP Public Key Pinning (HPKP)
• Mehr Arbeit erledigen, ohne einfach mehr Stunden zu arbeiten
• Einführung in DNS: Erklärung der gefürchteten DNS-Verzögerung

Nachrichten

• Opera 41 und Chrome 54 sind da, und sie kommen mit einigen interessanten neuen Funktionen. Die Updates unterstützen jetzt Custom Elements v1 sowie einige neue und praktische JavaScript-Methoden wie ParentNode.prototype.append() oder CSS ohne Präfix user-select . Andererseits haben sie TouchEvent.prototype.initTouchEvent entfernt (Sie müssen ab jetzt den Konstruktor verwenden), und KeyboardEvent.prototype.keyIdentifier wurde durch KeyboardEvent.prototype.key ersetzt.
• Einem Vorschlag anderer großer Browser-Anbieter folgend, misstraut Mozilla WoSign- und StartCom-Zertifikaten ab dem 1. Januar 2017 aufgrund von rückdatierten Zertifikaten und der Geheimhaltung und Ablehnung einer Übernahme der beiden Unternehmen. Ein großer Schritt für mehr CA-Sicherheit.
• Node.js v6 wurde diese Woche auf die aktuelle LTS-Version umgestellt und Node.js v7 wurde ebenfalls veröffentlicht. Es deckt 98 % von ES6 ab, bringt die neue V8-Engine, verbesserte Zuverlässigkeit und Leistung und einen neuen URL-Parser, der auf dem WHATWG-URL-Standard basiert.

Allgemein

• Mit dem kommenden Chrome 55 (jetzt in der Beta) bekommt der Browser endlich Unterstützung für Pointer Events. Es wird auch JavaScript async / await -Funktionen unterstützen und die CSS-Eigenschaft hyphens nach Jahren der Abwesenheit in Chromium-Browsern wiederbeleben. Die Option once Event Listener wird ebenfalls hinzugefügt, und um die Ladezeiten zu verbessern und fehlgeschlagene Navigationen zu verhindern, werden Cross-Origin- und Parser-Blocking-Skripts, die mit document.write() eingefügt wurden, nicht mehr über 2G-Verbindungen geladen (was auch bedeutet, dass 3rd-Party Fallbacks, wie sie vom HTML5Boilerplate verwendet werden, funktionieren in kommenden Chrome-Versionen nicht mehr).

Tools & Arbeitsabläufe

• Jack Franklin erklärt, wie man vom aktuellen Webpack 1 auf das kommende Webpack 2 migriert und wo die Unterschiede zwischen beiden liegen.
• Ähnlich wie der bereits vorgestellte Boxy SVG Editor ist Vectr ein neuer Online-/Desktop-Vektorgrafikeditor mit Echtzeitfreigabe.
  

Sicherheit

• Paragon Initiative Enterprises stellt PHP-Entwicklern einen umfassenden Leitfaden für automatische Sicherheitsupdates zur Verfügung, den jeder kennen sollte, der mit PHP entwickelt.
• Letzte Woche musste sich das Smashing Magazine mit einem auslaufenden SSL-Zertifikat auseinandersetzen. Während dies normalerweise einfach zu erneuern ist, können Probleme auftreten, wenn Sie HTTP Public Key Pinning (HPKP) aktiviert und auf ein langes Ablaufdatum eingestellt haben (was normalerweise beabsichtigt ist). Mathias Biilmann Christensen schrieb nun über die daraus gezogenen Lehren und warum Sie HPKP kennen (und Angst!) haben sollten und wie Sie ein neues Zertifikat mit einem alten Schlüssel ausstellen, damit die Site für Ihre Benutzer mit aktiviertem HPKP nicht kaputt geht.

Privatsphäre

• Mattias Geniar teilt mit, wie Sie mit Pi-Hole, einer DNS-basierten Blacklist für Raspberry Pi, ganz einfach Anzeigen und Tracker aus Ihrem gesamten Heimnetzwerk blockieren können.

Webleistung

• Brian Armstrong von Canopy erklärt, warum man sich nicht auf Standard-DNS-Einstellungen verlassen sollte, wie der jüngste Dyn-DNS-Ausfall gezeigt hat. Er behandelt, wie man DNS richtig konfiguriert, warum eine längere TTL wichtig ist und warum unterschiedliche Nameserver von verschiedenen Anbietern die Betriebszeit Ihres Dienstes verlängern können.

JavaScript

• Fuse.js ist eine neue und leichtgewichtige JavaScript-Fuzzy-Search-Bibliothek.

CSS/Sass

• Roman Komarov schrieb über Bedingungen in CSS Custom Properties, über Lösungen, Herausforderungen und wie Sie von Präprozessoren profitieren können, wenn es um komplexere Bedingungen geht. Der Artikel erwähnt auch ein paar interessante Ideen, wie der Webstandard erweitert werden könnte.

Arbeitsleben

• Cal Newport teilt seine Gedanken darüber, wie tiefe Pausen während der Arbeit Ihrem Geist helfen können, sich zu erholen und somit Ihre Produktivität zu verbessern.

Darüber hinausgehen…

• Es ist wirklich interessant, diese Art von Hintergrundgeschichte zu sehen: Katie Singer enthüllt die tatsächliche Menge an Energie, die für den Betrieb des Internets verwendet wird, und relativiert diese Zahlen, indem sie vergleicht, wie viel Strom jeder von uns erzeugen müsste, um eine Website zu betreiben.

Und damit schließe ich für diese Woche. Wenn Ihnen gefällt, was ich jede Woche schreibe, unterstützen Sie mich bitte mit einer Spende oder teilen Sie diese Ressource mit anderen Menschen. Mehr zu den Kosten des Projekts erfahren Sie hier. Es ist per E-Mail, RSS und online verfügbar.