Monatliches Webentwicklungs-Update 12⁄2017: Pragmatisches Release, benutzerdefinierte Elemente und Entscheidungen treffen

Heute habe ich einen aufschlussreichen Artikel über die aktuelle junge Generation und ihre finanzielle Zukunft gelesen. Es ist schwer, Wörter wie „Millennials“ zu verstehen, und es wird viel über bestimmte Probleme gesprochen, mit denen sie konfrontiert sind, aber für viele von uns ist es nicht einfach, ihren Kampf zu verstehen – egal, ob Sie älter oder jünger sind als ich (ich qualifiziere mich unter die Millenial-Generation). Aber der unterhaltsame und super informative Artikel von Michael Hobbes hat mir viel verraten. Nicht nur, dass ich jetzt einige der dort skizzierten Fakten verstehe – und sogar nachvollziehen kann –, sondern auch, weil der Artikel zeigt, wie verschiedene Altersgruppen eine Gesellschaft bilden, ohne sich der Auswirkungen bewusst zu sein, die ihre Entscheidungen auf das Leben anderer Menschen haben könnten .

Als Webprofis können wir das in vielerlei Hinsicht nachvollziehen. Beim Erstellen von Webprojekten treffen wir Entscheidungen und stützen sie oft darauf, was für uns am besten ist – als Entwickler, als Unternehmer, als Marketingstratege, als Support-Mitarbeiter – und denken nicht darüber nach, wie sich diese Entscheidungen auf andere auswirken könnten. Indem wir unzugängliche Websites erstellen, schließen wir Millionen von Benutzern aus; Durch die Implementierung besserer Analyseereignisse und -bibliotheken geben wir Daten unserer Benutzer an Dritte weiter. Es scheint manchmal unmöglich, eine richtige Entscheidung zu treffen, und wir fühlen uns so überwältigt von der Tatsache, dass wir nicht das Richtige tun können, dass wir alle vernünftigen, gut informierten Entscheidungen verwerfen und uns nur auf das konzentrieren, wofür das Beste ist uns selbst. Wir können klüger sein. Und obwohl wir wahrscheinlich nicht alles richtig machen können, können wir immer noch kleine Schritte machen, anstatt uns überwältigen zu lassen. Es ist nicht einfach, aber vielleicht ist es etwas für einen Neujahrsvorsatz?

Nachrichten

• Große Neuigkeiten bezüglich der WHATWG: Die Organisationen hinter den vier großen integrierten Browser-Engines – Apple, Google, Microsoft und Mozilla – haben eine Richtlinie zu Rechten des geistigen Eigentums (IPR) und eine Governance-Struktur für die WHATWG entwickelt. Dies wird hoffentlich zu einem verbesserten Lebensstandard führen, der eine nützlichere Ressource bietet.
• Eigentlich bereits im November gestartet, hier ist, was in Firefox 57 neu ist. Es kommt jetzt mit einer neuen, superschnellen Quantum-Engine. Auch Weberweiterungen sind Realität geworden, und in Zukunft sind noch viele weitere Bugfixes für alte Probleme und Leistungsverbesserungen zu erwarten. Aber was ist mit uns Entwicklern? Firefox 57 unterstützt <input type="\\[date|time]"> , viele CSS-Fehler wurden dank der neuen Engine behoben, und die Performance Observer API ist jetzt aktiviert, genau wie die Storage API und die Abort API (z für Abrufanfragen). Zu guter Letzt unterstützt der Headless-Modus jetzt das unglaublich nützliche Flag --screenshot . Übrigens kommt die Quantum-Engine bald auch für Firefox auf Android 59.
• Chrome 63 ist jetzt mit einigen großartigen neuen Funktionen erhältlich: Dynamische JavaScript-Module, async Iteratoren und Generatoren, CSS overscroll-behavior (das Pull-to-Refresh nativ unterstützt) und Unterstützung für die Intl.PluralRules API zum Beispiel. Darüber hinaus bittet die Benutzeroberfläche für Berechtigungen jetzt um Erlaubnis in einem Modal, um klarzustellen, dass Websitebesitzer nur dann um zusätzliche Berechtigungen bitten sollten, wenn dies notwendig und sinnvoll ist. Die Intl.PluralRules API ist ebenfalls in dieser Version enthalten.

Allgemein

• Amazon ist toll, oder? Ihre Cloud ist schnell, groß und billig. Ihr Shop bietet alles und liefert schnell. Diese Woche kündigte Amazon Web Services etwas sehr Interessantes an: „AWS bietet der US-Geheimdienstgemeinschaft jetzt eine kommerzielle Cloud-Funktion über alle Klassifizierungsstufen hinweg: Unklassifiziert, Sensibel, Geheim und Streng geheim.“ Ja, Sie haben richtig gelesen: Es scheint, als ob Amazon das verantwortliche Unternehmen für das Hosting der streng geheimen Daten des US-Geheimdienstes sein wird. Ich bin mir ziemlich sicher, dass es keine gute Idee ist, dass sich Regierungsdienste vollständig auf den exklusiven Cloud-Service eines Unternehmens verlassen, ohne die Möglichkeit, einfach zu einem Wettbewerber oder einer eigenen Alternative zurückzukehren. Setzen Sie es in Relation zu dem, was Amazon ist: Bis zu 70 % des Internetverkehrs läuft über das Rechenzentrum von AWS Virginia, Amazon will eine Kamera und ein Mikrofon in Ihrem Schlafzimmer, Ihrem Wohnzimmer und auch einen intelligenten Schlüssel zu Ihrer Wohnung oder Ihrem Haus und Es ist bereits unmöglich, AWS nicht zu verwenden, wenn Sie das Internet nutzen. Was passiert mit den US-Geheimdiensten, wenn diese sichere AWS-Cloud unter einem Ausfall leidet, wie es in diesem Jahr der Fall war? Werden sie noch handlungsfähig sein? Was passiert, wenn es während einer aktiven Untersuchung passiert?

Werkzeuge

• Wer von uns kennt nicht die großen Herausforderungen von Releases und wie zeitintensiv sie sein können. Raymond Rutjes regt nun an, dass eine Veröffentlichung für alle im Team möglich sein sollte. Es sollte einfach, sorgenfrei und – vielleicht am wichtigsten – schnell sein.
• Francesco Schwarz hat ein neues Tool entwickelt, um die Besonderheiten Ihres CSS zu visualisieren. Sehr hilfreich, um einige Missverständnisse in Ihrer Struktur zu analysieren oder Module zu identifizieren, die umgestaltet werden sollten.

UI/UX

• Mit Spectral gibt es eine neue Screen-First-Serifenschrift, die unter einer Open-Source-Lizenz verfügbar ist.
• John Moore Williams teilt seine Best Practices für das Design der Website-Suche. Wichtige Tipps, wenn Sie Ihren Benutzern ein wirkungsvolles, leistungsstarkes Sucherlebnis bieten möchten.

Webleistung

• Michael Scharnagl erklärt, wie wir Service Worker (die im Grunde ein Web-Proxy sind) verwenden können, um Bilder basierend auf der Network Information API zu laden.
• Harry Roberts findet oft die richtigen Worte, um Probleme aufzudecken, die für viele Menschen nicht offensichtlich sind. In seinem Artikel „The Fallacies of Distributed Computing (Applied to Front-End Performance)“ geht es darum, Annahmen für Benutzer zu treffen und Probleme wie die Netzwerkleistung aktiv zu vernachlässigen oder zu überdenken.
• „The Best Request Is No Request, Revisited“ ist ein neuer Artikel von Stefan Baumgartner, der erklärt, was Sie mit HTTP/2 bereits jetzt tun können und welche Änderungen in der Theorie funktionieren, aber in der Praxis noch nicht funktionieren.
• Samuel Parkinson erklärt, was passiert, wenn Sie ft.com besuchen. Ein tiefer Einblick, der mit dem DNS beginnt und die Reise durch den gesamten Anfrage-Workflow der Financial Times fortsetzt.

Sicherheit

• 4iQ, ein Identitätssicherungsunternehmen, hat im Dark Web eine durchgesickerte Datenbank mit 1,4 Milliarden Klartext-Anmeldeinformationen gefunden. Es ist wahrscheinlich die bisher größte bekannte Ressource und zeigt einmal mehr, wie wichtig es ist, eindeutige Passwörter für jeden Dienst zu verwenden.
• HSTS ist eine Methode, um einem Browser mitzuteilen, dass er sich nur mit bestimmten Hostnamen über das sichere HTTPS-Protokoll verbinden soll. Die Art und Weise, wie es derzeit in Browsern implementiert ist, ist jedoch ziemlich kaputt und anfällig für Angriffe, wie die Forschung deutlich zeigt.
• Tobias Tom teilt mit, wie sie bei Colloq eine Passwortprüfung implementiert haben, die Benutzer daran hindert, ein Passwort zu wählen, das bei einer öffentlichen Datenschutzverletzung offengelegt wurde. Es basiert auf dem erstaunlichen Datensatz von Troy Hunt und teilt einige interessante Daten darüber, wie Sie mit einem 40-GB-Postgres-Datensatz vergleichen können, ohne die Leistung Ihrer Website zu beeinträchtigen.
• Sie haben wahrscheinlich schon von Krypto-Mining im Browser gehört. Ein neu entdecktes Skript sucht nach WebAssembly-Unterstützung, um die Fähigkeiten der Hardware voll auszuschöpfen, und startet dann ein Pop-Under-Fenster, das im Hintergrund Kryptowährung schürft. Die einzige Abhilfe besteht darin, das Schließen aller Aufgabenprozesse des Browsers manuell zu erzwingen. Es sind jedoch auch einige Browsererweiterungen verfügbar, die die gängigsten Mining-Skripte direkt blockieren.

Barrierefreiheit

• Was ist der beste Ansatz zum Entwerfen und Programmieren einer Tabelle, die für alle funktioniert? Adrian Roselli erklärt, wie man ansprechende, barrierefreie Tabellen erstellt.
• Dies ist Marcy Sutton, die den Wert des Schreibens automatisierter Tests für Barrierefreiheit aufzeigt und warum solche Tests nicht bedeuten, dass wir keine manuelle Barrierefreiheitsarbeit mehr durchführen müssen.

CSS

• Jonathan Snook erklärt, wie wir mit CSS Grid ein Kalenderlayout erstellen können.
• Mit der kommenden CSS Selectors Level 4-Spezifikation erhalten wir einen :is -Pseudoselektor ähnlich wie :matches , aber ohne die Spezifität zu erhöhen.

JavaScript

• Brian Kardell hat einen wichtigen Beitrag darüber geschrieben, wie wir bald benutzerdefinierte Elemente als Erweiterung eines gemeinsamen nativen Elements verwenden können. Dies ist besonders großartig, da wir dann nicht alles von Grund auf neu erstellen müssen, sondern in der Lage sein werden, native Elemente mit Anpassungen zu erweitern, während wir dennoch die volle Zugänglichkeit und Benutzerfreundlichkeit des nativen Elements erben. Abgesehen davon ermöglicht diese Funktion die Erstellung schrittweise verbesserter benutzerdefinierter Elemente.
• Containerabfragen mit modernen Tools in JavaScript erreichen? Ali Alaa teilt mit, wie wir das mit MutationObserver machen können.
• Safari bietet bereits in den Preview-Builds Unterstützung für dynamisches JavaScript import() , und Chrome 63 wird dies ebenfalls unterstützen. Mathias Bynens erklärt, was das bedeutet und wie wir es nutzen können. import() ist im Grunde genommen import on fire und lässt Sie ganze JavaScript-Module nur dann laden, wenn Sie sie wirklich brauchen.
• Jake Archibald erklärt den feinen, aber entscheidenden Unterschied zwischen await , return und return await und gibt Tipps, wann welche verwendet werden sollten.

Arbeitsleben

• „Es gab eine Zeit, in der man ein paar Gedichte schreiben, an Tuberkulose sterben und es ein gut gelebtes Leben nennen konnte.“ Quinn Norton veröffentlichte einen Gedanken „Against Productivity“ und über das seltsame Streben in uns allen nach mehr Produktivität im Leben.
• James Clear erklärt, warum das Leben immer komplizierter zu werden scheint und was wir tun können, um uns davon nicht überfordert zu fühlen.
• Laut The Guardian verwenden viele Arbeitgeber bereits eine Reihe von Technologien, um die Surfmuster ihrer Mitarbeiter, Tastenanschläge, Beiträge in sozialen Medien und sogar private Messaging-Apps zu überwachen. Es ist die Arbeitsüberwachung, die das absolute Misstrauen des Unternehmens gegenüber seinen Mitarbeitern zeigt. Aber was können Sie tun, wenn Ihr Arbeitgeber dasselbe tut? Am besten ist es wahrscheinlich, mit Ihrem Chef darüber zu sprechen, dass Sie glauben, dass er Ihre Arbeit nicht schätzt und dass es sich anfühlt, als würde er Ihnen misstrauen, wenn er Sie überwacht.
• Ryan Singer erklärt, warum nur Agile nicht funktioniert. Die Probleme liegen darin, die falschen Dinge zu tun, nach Spezifikationen zu bauen und abgelenkt zu werden. Die richtigen Dinge zu finden, an denen man arbeiten kann, sie sorgfältig und in Zyklen zu erledigen, ist echtes agiles Arbeiten. Lassen Sie sich nicht von Zahlen und Begriffen ablenken, sondern konzentrieren Sie sich auf das Wesentliche.
• Alida Miranda-Wolff spricht die Frage an, warum „move fast and break things“ eine schlechte Idee ist, wenn es um Menschen geht, weil dann das „Ding“, das kaputt geht, eine Person ist. Das Thema Arbeitszeiten, Glück bei der Arbeit, wachsendes Talent und warum es verlockend ist, verletzenden Mustern zu folgen.
• Dan Kim teilt mit, warum er der Meinung ist, dass es an der Zeit ist, wiederkehrende Besprechungen zu beenden, um auf eine Weise zusammenzuarbeiten, die keine Zeit verschwendet, sondern sich auf wichtige Dinge konzentriert, die besprochen werden müssen. Ein Plädoyer, über wiederkehrende Treffen vernünftig nachzudenken.

Darüber hinausgehen…

• Scott Berkun erklärt, warum sich die richtige Veränderung oft falsch anfühlt. Wenn Sie sich damit identifizieren können, empfehle ich Ihnen, diesen Artikel zu lesen, da er Ihnen hilft zu verstehen, warum wir uns so fühlen und warum dies natürlich ist.
• Die Leute hinter der großartigen Do Lectures-Reihe haben 100 Bücher aus dem Jahr 2017 geteilt, die sie uns zum Lesen empfehlen. Und obwohl ich nicht in der Lage sein werde, alle hundert Bücher zu lesen, gibt es einige großartige Tipps in der Liste, die sich als schöne Lektüre zum Jahresende eignen.
• In den vergangenen Monaten habe ich immer mehr Artikel von Menschen gelesen, die für Social-Media-Unternehmen arbeiten oder gearbeitet haben und jetzt darüber sprechen, wie solche Dienste massiv dazu beitragen, unsere Gesellschaft auseinanderzureißen. Dies ist ein weiteres Beispiel, das das Problem der Fehlinformationen zeigt, KI-beeinflusste aggregierte „Zeitleisten“, die die Dinge nur verschlimmern, anstatt die Gesellschaft zu vereinen und den Menschen zu helfen. Während Social Media viel Wert hat, gibt es bei den meisten großen Diensten ein zugrunde liegendes Problem: Im Streben nach mehr Einnahmen und neuen Funktionen versuchen diese Dienste, Interessen mit Menschen in Einklang zu bringen, und scheitern schrecklich, weil sie die Interessen ziemlich gut treffen, anstatt Augen zu bieten. offene, neutrale und objektive Inhalte für Benutzer, die sie dazu bringen, ihre Ansichten und Interessen widerzuspiegeln.

Wir hoffen, dass Ihnen dieses Webentwicklungs-Update gefallen hat. Die nächste ist für den 19. Januar geplant. Bleib dran!