Monatliches Webentwicklungs-Update 8⁄2018: Die Kosten von JavaScript, Ethik in Open Source und QUIC

Gebäudetechnik und Software ist zu einem sehr verantwortungsvollen Job geworden. Die Menschen vertrauen den Produkten, die wir herstellen, und sie können auch einen erheblichen Einfluss auf ihr Leben haben. In Anbetracht dessen müssen wir nicht nur über integrative Lösungen nachdenken, sondern uns auch für Ethik, Zuverlässigkeit und Sicherheit einsetzen und dafür eintreten. Es ist eine Position, die uns Macht verleiht.

Eric Meyer hat einen Artikel veröffentlicht, in dem er die Probleme herausarbeitet, die ein reines HTTPS-Web mit sich bringt. Darin zeigt er auf, dass Entwicklungsländer sehr unter dieser Entwicklung leiden, da sie oft schlechte Internetverbindungen haben und durch die Verschlüsselung nun mehr Website-Fehler als früher erleben. Ben Werdmuller sprang ein und veröffentlichte den Artikel „Stop building for San Francisco“, in dem er auf eines der größten Probleme hinweist, die wir als Entwickler haben: Wir nutzen privilegierte Hardware und Infrastruktur. Wir bauen Erfahrungen mit den neuesten iPhones, Macbooks mit Gigabit- oder schnellen 4G-Verbindungen auf, bedenken aber nie, dass die meisten Menschen, die wir bauen, Geräte und Infrastrukturen verwenden, die bei weitem nicht so gut ausgestattet sind. Das Internet sicherer zu machen, ist zweifellos eine großartige Idee, aber wir sollten auch die Konsequenzen bedenken, die die neueste Technologie und unsere Designentscheidungen für andere haben könnten.

Nachrichten

• TypeScript 3.0 wurde mit einigen praktischen Sprachfunktionen und Korrekturen veröffentlicht.
• Bereits seit einiger Zeit in Chrome implementiert, sind Client-Hinweise eine erstaunliche Funktion. Um den Datenschutz zu verbessern, wurde die Funktionalität von Client-Hinweisen für responsive Bilder mit Chrome 67 geändert. Colin Bendell erklärt die Unterschiede und warum Client-Hinweise für die Leistung so nützlich sind.
• Entwickler haben viel nach Safaris Intelligent Tracking Prevention (ITP) gefragt und wie man Websites debuggen kann, wenn sie aktiviert ist. Jetzt teilt das WebKit-Team den ITP-Debug-Modus, der Ihnen viel mehr Flexibilität und Tools zum Aufspüren von Problemen bietet.
• Ab Oktober misstrauen die meisten Browser TLS-Zertifikaten von Symantec völlig und blockieren damit den Zugriff auf Websites, die sie noch verwenden. Bitte aktualisieren Sie Ihr Zertifikat, falls Sie dies noch nicht getan haben.
• Die neueste Version von Chrome (68) bringt eine neue „nicht sichere“ Benachrichtigung beim Besuch von HTTP-Seiten. Seien Sie sich dessen bewusst und aktualisieren Sie Ihre Websites entsprechend. Ebenfalls neu in Chrome 68 sind die neue Page Lifecycle API, eine großartige neue API für Seitenereignisse, sowie die Payment Handler API. Der HTTP-Cache wird jetzt ignoriert, wenn Updates von einem Servicemitarbeiter angefordert werden, wodurch Chrome mit der Spezifikation und anderen Browsern in Einklang gebracht wird. Abgesehen davon sind die cursor -Werte grab und grabbing in der neuen Version nun ohne Präfix – endlich.

Allgemein

• Wenn Sie für Open Source bauen, müssen Sie entscheiden, welche Lizenz Ihr Projekt verwenden soll. Jetzt gibt es eine neue Option, die Just World-Lizenz. Es richtet sich an Entwickler, die „allgemein mit den Prinzipien von Open-Source-Software einverstanden sind, sich aber unwohl fühlen, wenn ihre Software als Teil der Bemühungen verwendet wird, Leben, unsere Umwelt und unsere Zukunft zu zerstören“.
• Deep-Learning-Maschinen sind heutzutage ein großes Thema, aber einige Leute erforschen noch bessere Algorithmen, die Deep-Learning-Maschinen bei Videospielen leicht übertreffen.
• Drew DeVaults „Simple, correct, fast: in that order“ (Einfach, richtig, schnell: in dieser Reihenfolge) ist eine großartige Erinnerung daran, Prioritäten in der Web- und Softwareentwicklung klar zu setzen.
• Jonathan Fulton hat eine praktische Ressource mit dem Titel „Die grundlegenden Architekturkonzepte, die ich gerne gewusst hätte, als ich als Webentwickler begann“ geschrieben, die ein großartiges Webarchitektur-101 und eine Grundlage für Neueinsteiger in unserer Branche darstellt.

UI/UX

• Ethics for Design ist ein Projekt, bei dem zwölf Designer und Forscher aus acht europäischen Städten die manchmal schädlichen Auswirkungen von Design auf unsere Gesellschaften diskutieren und darüber diskutieren, was Designer tun können, um zum Wohle aller und nicht nur einiger weniger zu arbeiten.

Werkzeuge

• Prashant Palikhe hat eine lange Geschichte über die Kunst des Debuggens mit den Entwicklertools von Chrome geschrieben, die ich sehr empfehlen kann, da es eine sehr vollständige Referenz ist, um die Entwicklertools eines Browsers kennenzulernen. Wenn Sie einen anderen Browser verwenden, ist das kein großes Problem, da die meisten Tools ziemlich ähnlich sind.
• WebP ist ein Bildformat mit ein paar netten Features und wahrscheinlich eines der bekanntesten neuen Formate neben den gängigen JPEG/PNG-Formaten. Das Erstellen von WebP-Bildern kann jedoch immer noch eine Herausforderung sein, daher hat Jeremy Wagner eine Anleitung zum Konvertieren von Bildern in WebP geschrieben.
• Douglas Creager stellt das neue Network Error Logging vor, mit dem Sie Benutzeragenten anweisen können, dieselben Informationen zu sammeln, die in Ihren Serverprotokollen erscheinen würden.
• Viele von uns sind süchtig nach Kommunikationstools wie Slack. Die Leute von Wildbit beschlossen, Slack für eine Woche abzuschalten – mit erheblichen Auswirkungen auf ihre Arbeitsweise. Eine interessante Fallstudie darüber, wie wir dazu neigen, uns mit einem nützlichen Tool zu wohl zu fühlen und es nicht mehr so ​​zu verwenden, wie wir es sollten. Von Zeit zu Zeit ist es wichtig, unsere Gedanken neu zu ordnen.
• Dennis Reimann veröffentlichte die erste stabile Version von UIEngine, einer Workbench für UI-gesteuerte Entwicklung.

Sicherheit

• Ein neuer Observer ist da: Die ReportingObserver-API informiert Sie, wenn Ihre Website eine veraltete API verwendet oder auf einen Browsereingriff stößt. Bisher ist es in Chrome 69 verfügbar. Sie können damit problemlos Fehler senden, die zuvor nur in der Konsole verfügbar waren, an Ihr Backend oder Ihren Fehlerbehandlungsdienst.

Webleistung

• Erinnerst du dich an QUIC (Quick UDP Internet Connections)? Das von Google entwickelte Protokoll, das sie intern verwenden und das sich für eine breitere Verwendung gut entwickelt? Während die IETF das Format derzeit gegen Ende des Jahres standardisiert, teilen Cloudflare-Ingenieure jetzt ihre Erfahrungen aus dem Testen.

• Wenn Sie benutzergenerierte Inhalte haben, wissen Sie oft nicht, ob Sie nur ein Element oder eine Liste von Elementen ausgeben möchten. Bei Colloq wollten wir die Semantik richtig machen und haben ein System gebaut, das es uns erlaubt, einen p -Tag auszugeben, wenn nur ein Element im Container ist, ansonsten eine ol / ul -Liste mit diversen Listeneinträgen.

Barrierefreiheit

• Dave Rupert teilt die A11Y Nutrition Cards, ein Projekt, das versucht, die Erwartungen an die Barrierefreiheit beim Erstellen von Komponenten zu verdauen und zu vereinfachen.
• Skip-Links sind weit verbreitete Barrierefreiheitsfunktionen. Hampus Sethfors hat jetzt einen Artikel darüber geschrieben, warum viele der Links immer noch kaputt sind und wie man sie richtig repariert.

JavaScript

• Ein Jahr nach der Einführung ihrer Progressive Web App blickt Zack Argyle vom Pinterest-Engineering-Team zurück. Es ist wichtig festzuhalten, warum sie sich für den Aufbau einer PWA entschieden haben: „Unsere mobile Web-Erfahrung für Menschen in Umgebungen mit geringer Bandbreite und begrenzten Datenplänen war nicht gut“. Aber die Ergebnisse für sie sind erstaunlich zu sehen.
• Philip Walton stellt die neue Page Lifecycle API vor, die uns dabei hilft, Seitenzustände im Browser einfacher über Ereignisse zu bestimmen, z. B. ob die Seite im Hintergrund (nicht sichtbar), aktiv, eingefroren oder sogar beendet ist.
• Hoppla, Sie alle wissen, dass eval() in JavaScript schlecht ist, oder? Aus diesem Grund verbieten wir normalerweise die Verwendung in Inhaltssicherheitsrichtlinien. Aber Remy Sharp erinnert uns daran, dass es eine Codezeile gibt, die genauso schlecht für die Sicherheit ist.
• Addy Osmani hat 2018 die Kosten von JavaScript untersucht und teilt nun den Beweis, dass jedes Byte JavaScript immer noch die teuerste Ressource ist, die wir an Mobiltelefone senden können, da es die Interaktivität erheblich verzögern kann. Dies ist insbesondere für nicht so leistungsfähige Telefone ein Problem, die außerhalb der Technologiebranche weit verbreitet sind.
• Hidde de Vries erklärt, wie wir Seitentitel in JavaScript Single Page Application zugänglich machen können.

CSS

• Max Bock untersuchte einige CSS-Grid-Techniken, um die Layouts von morgen mit relativ einfachem Code zu erstellen.
• Sara Soueidan erklärt, wie wir mit modernem HTML und CSS inklusive Kippschalter bauen können.
• Jen Simmons teilt häufige CSS-Grid-Fehler und wie man sie löst.
• Ethan Marcotte erklärt die noch relativ neue fr -Einheit, die wir meistens für CSS-Grids verwenden.

Arbeitsleben

• Paris Marx hat darüber geschrieben, warum er glaubt, dass digitale Nomaden nicht die Zukunft sind. Er argumentiert, dass Standortunabhängigkeit nur durch mit öffentlichen Mitteln errichtete Kommunikationsinfrastrukturen möglich sei und dass es nicht fair sei, diese zu missbrauchen.
• In dieser Woche habe ich gelernt, wie nützlich es sein kann, über den Tellerrand hinauszuschauen, und wie Remote-Arbeit und die Ausübung Ihres Hobbys zur Lösung technischer Herausforderungen beitragen können.
• Es ist nicht das erste Mal, dass ein Unternehmen eine 4-Tage-Arbeitswoche testet. Es ist jedoch schön zu sehen, wie das Konzept erfolgreich etabliert werden kann und sowohl für die Mitarbeiter als auch für die geleistete Arbeit Vorteile bringt.

Darüber hinausgehen…

• Tobias van Schneider schrieb darüber, warum das Sagmeister-Walsh-Studio so erfolgreich ist, indem es klein bleibt und warum es für kreatives Denken so wichtig ist, groß zu träumen, aber klein zu bleiben.
• Ben Werdmuller teilt seine Gedanken darüber mit, wie anders es geworden ist, ein Unternehmen zu gründen, wenn man beispielsweise in San Francisco ist. Dies ist eine Geschichte, in der 117.000 US-Dollar in San Francisco als „niedriges Einkommen“ gelten und wie dies die Ideen einschränkt.
• Jeremy Nagel lässt uns über die Auswirkungen unseres Open-Source-Codes nachdenken: Als Entwickler neigen wir dazu zu glauben, dass es ein erstaunlicher Schritt ist, unseren Code frei verfügbar zu machen, aber wir vergessen, dass wir ihn auch schlechten Spielern zur Verfügung stellen – Kohleminen Unternehmen, die zur Umweltverschmutzung beitragen, zu denen, die Menschen benutzen, um reich zu werden, während sie sie misshandeln, zu denen, die Sie indirekt abzocken. Es ist nicht so, dass Sie nichts dagegen tun können; Sie müssen sich dieser Probleme bewusst sein und eine bessere Lizenz anwenden oder Ihrem Code eine spezielle Anweisung hinzufügen.
• Indien hat ein großes Problem mit Plastikmüll. Seit ein paar Monaten ignorieren ein paar Fischer das Plastikproblem nicht mehr, sondern sammeln stattdessen den ganzen Müll in ihren Netzen und bringen ihn zurück an die Küste, wo er zum Straßenbau verwendet wird. Eine tolle Idee, Müll effizient zu nutzen.