Monatliches Update zur Webentwicklung 2⁄2019: Webauthentifizierung und das Problem mit UX

Die einzige Konstante im Leben ist die Veränderung, sagt man. Und es ist wahr, auch wenn wir denken, dass sich überhaupt nichts ändert. Ob Sie Veränderungen bemerken oder nicht, ist nur eine Frage Ihrer Wahrnehmung und Beobachtung. In der Technologiebranche ist leicht zu erkennen, wie schnell sich die Dinge entwickeln – lesen Sie einen zusammenfassenden Artikel wie diesen, und Ihnen wird plötzlich bewusst, wie viel in nur einem Monat passiert ist. Seit ich wieder meditiere, habe ich eine neue Perspektive gewonnen und es hilft mir, solche Veränderungen bewusst wertzuschätzen und auch in Dingen, die zunächst nicht besonders positiv schienen, persönlichen Wert und Dankbarkeit zu finden.

Wie zum Beispiel diese Woche. Ich wurde an eine Tatsache erinnert, die wir normalerweise vergessen: wie das Internet strukturiert ist. Wenn Sie im Internet surfen, wird der meiste Datenverkehr irgendwann über Amazon geleitet. Wenn Sie also ihre Server – oder die von Google oder Apple oder alle – blockieren, bleibt vom Internet nicht mehr viel übrig. Ich benutze seit drei Jahren einen Pi-Hole-DNS-Blocker in meinem Netzwerk, habe ihn aber nie wirklich geschätzt, bis ich diese Woche von seinem wahren Wert erfuhr – die Sicherheit und den Datenschutz, die er angesichts unserer Abhängigkeit von Technologiegiganten bietet. Ist es nicht bemerkenswert, wie ein großer Teil meiner wahrgenommenen Online-Sicherheit auf einem Stück Open-Source-Software beruht, in das die Autoren so viel Zeit und Mühe investiert haben, um es am Ende kostenlos zur Verfügung zu stellen?

Nachrichten

• Firefox 65 wurde veröffentlicht. Die neue Version sendet Ereignisse für disabled HTML-Elemente und bietet Unterstützung für das referrerpolicy -Attribut für script , CSS-Umgebungsvariablen (die env() Funktion), Intl.RelativeTimeFormat für JavaScript und WebP-Bilder.
• Safari Tech Preview 74 bringt abbrechbares fetch , Unterstützung für U2F-HID-Authentifikatoren auf macOS und neue Web-Authentifizierungs-API-Funktionen.
• Mit Chrome 72 führte Chrome die Benutzeraktivierungs-API ein. Die neue Version verbietet auch Popups beim pageunload der Seite.
• Das Chrome 72-Update für Android enthielt die lang erwartete Funktion für vertrauenswürdige Webaktivitäten, was bedeutet, dass wir jetzt PWAs im Google Play Store verteilen können.
• Versionshinweise zu Safari 12.1 sind verfügbar (iOS 12.2, macOS 10.14.4). Was gibt's Neues? Dunkelmodus für das Web, intelligente Tracking-Prävention, die Push-Benachrichtigungsaufforderung für Safari auf macOS erfordert jetzt eine Benutzergeste, Bewegungs- und Ausrichtungseinstellungen auf iOS, um DeviceMotionEvent und DeviceOrientationEvent zu aktivieren (das bedeutet, dass sie jetzt standardmäßig deaktiviert sind). Ebenfalls neu sind die Intersection Observer API, die Web Share API und das <datalist> -Element.
  

Allgemein

• Max Bock teilt seine Gedanken darüber, warum Einfachheit das Wertvollste und Wichtigste in Projekten ist.
• Ian Littman auf Twitter: „Die Umstellung von 50 % der Server auf PHP 7 von PHP 5 würde 2,5 (korrigiert auf 2,0) Milliarden US-Dollar an Energiekosten pro Jahr einsparen und Milliarden Kilogramm CO2-Emissionen vermeiden. Upgrade auf PHP 7. Rette den Planeten.“
• Wie hast du angefangen, Webentwicklung zu lernen? Ich schätze, die meisten von uns haben sich auf die „Quelltext anzeigen“-Funktion ihres Browsers verlassen und tun dies immer noch. Aber mit JavaScript-SPAs und weiteren Tools, die Quellen verstümmeln, minimieren und hässlich machen, blockieren wir diesen Weg der Selbstbildung für unzählige Menschen da draußen. Lassen Sie uns zu einem offeneren Ansatz übergehen und zumindest Quellzuordnungen auf Produktionsservern bereitstellen, damit die Benutzer über die Entwicklertools auf die tatsächlichen Quellen zugreifen können.

UI/UX

• Was macht den Unterschied zwischen einem guten digitalen Produkt und einem großartigen digitalen Produkt aus? Zwei Buchstaben: UX. Benutzer-Erfahrung-Design. Aber es gibt ein grundlegendes Problem damit. Johannes Ippen darüber, warum wir Menschen sehen sollten, nicht Nutzer.
• Dies ist eine nette Zusammenfassung, wie sich beliebte Websites in den letzten zehn Jahren verändert haben – darunter Google, YouTube, Amazon, Facebook, Apple und eBay. Man sieht deutlich, dass wir uns heute in einer anderen Zeit befinden.
• Colin Eagan fasst die Dutzenden von Möglichkeiten zusammen, die wir haben, um ein Weberlebnis für den Benutzer zu personalisieren, und welche davon funktionieren und welche nicht. Er schließt mit einem wertvollen Ratschlag: Beginnen Sie einfach, anstatt dem Kult des Komplexen zu folgen, egal wie technisch versiert das Unternehmen und sein Team sind.

HTML und SVG

• Sara Soueidan hat einen 101-Kurs über SVG-Filter geschrieben, um Ihnen zu helfen, zu verstehen, was sie sind und wie Sie sie verwenden können, um Ihre eigenen visuellen Effekte zu erstellen.

Barrierefreiheit

• Rob Dodson teilt eine großartige Zusammenfassung darüber, wie man Grundelemente mit besserer Zugänglichkeit erstellt.

Privatsphäre

• Google ist eines dieser Unternehmen, das immer neue, clevere Wege findet, um Benutzerstandortdaten offenzulegen und an Dritte zu verkaufen. Nun will Google die genauen Standortdaten der Nutzer verkaufen, um beispielsweise Stadtplanern die Planung zu verbessern. Einerseits nützlich, aber dennoch besorgniserregend für alle Nutzer von Google-Produkten, die möglicherweise nicht wissen, was mit ihren Daten passiert.
• „Bei Google und Facebook habe ich mich geirrt: Da ist nichts falsch (so sagen wir alle)“, sagt Aral Balkan. Dieser Artikel erklärt, wie selbst die ehrenhaftesten Open-Source-Projekte Schwierigkeiten haben, ethische Entscheidungen zu treffen, und die Irrtümer, die beste UX anzubieten, anstatt ethisch korrekte Lösungen zu fördern.

Webleistung

• Jens Oliver Meiert teilt seine Forschung darüber, wie die Art und Weise, wie Sie HTML schreiben, die Leistung beeinflusst. Das Weglassen optionaler Tags und Anführungszeichen kann einen Unterschied machen, obwohl wir gzip oder andere Techniken verwenden können, um die Dokumentantwort im Browser zu optimieren.

JavaScript

• Da die meisten Datenschutzverletzungen auf schwache und wiederverwendete Passwörter zurückzuführen sind, ist die Webauthentifizierung heutzutage ein heißes Thema. Der neue Guide to Web Authentication ist ein hervorragendes Beispiel dafür, dass ein Leitfaden zur Sicherheitsimplementierung auch schön sein kann.
• Mathias Schafer fasste seine Erfahrungen aus der Pflege großer JS-Codebasen in langfristigen Projekten zusammen.
• Dr. Axel Rauschmayer beschreibt, was in JavaScript noch fehlt und was zukünftig implementiert werden könnte.
• Intersection Observer ist in WebKit gelandet, und das Webkit-Team hat ein hilfreiches Tutorial dafür geschrieben.

CSS

• Rik Schennink erklärt, wie man intelligentes CSS verwendet, um Stile basierend auf der Scrollposition des Benutzers anzuwenden.
• Es ist unglaublich, wie Fabricius Seifert diese 3D-Animation des Sonnensystems mit reinem CSS erstellt hat.
• Preethi Sam erklärt, wie man die wenig bekannte CSS-Funktion element() verwendet, um einen Minimap-Navigator zu erstellen.
• Roman Komarov teilt seinen Ansatz für ein flexibles Blog-Layout mit einer optionalen Seitenleiste. Hergestellt mit CSS-Raster und benutzerdefinierten Eigenschaften.

Arbeitsleben

• Paul Greenberg ist auf der Suche nach verlorener Bildschirmzeit und erkundet, wie unser Leben aussehen könnte und wie viel mehr Zeit wir hätten, wenn wir den Bildschirmen entfliehen würden. Der Artikel enthält einige aufschlussreiche Zahlen: Der durchschnittliche Amerikaner gibt 14.000 US-Dollar pro Jahrzehnt für Smartphones aus. Das sind 70.000 Dollar im Laufe eines durchschnittlichen Arbeitslebens. Mehr als 29 % der Amerikaner würden lieber für drei Monate auf Sex verzichten als für eine Woche auf ihr Smartphone. Oder Sie könnten 150 Bäume pflanzen und einen halben Morgen Land für den Geldbetrag kaufen, den Sie pro Jahr für Ihr Smartphone und Ihre Apps ausgegeben haben.
• Sind Sie ein geduldiger Mensch? Unabhängig davon, ob Sie es sind oder nicht, das Experiment, das Jason Fried ausprobieren möchte, ist sicherlich eine Herausforderung: Versuchen Sie, die längste Schlange im Supermarkt zu wählen, kündigen Sie Amazon Prime, damit die Lieferung länger dauert, und nutzen Sie die Chance, wann immer möglich zu warten. Begrüßen Sie die Langsamkeit.
• „In Praise of Extreme Moderation“ teilt eine interessante Perspektive darüber, warum die Kultur des Überengagierens, Überarbeitens und Überlieferns in allen Bereichen des Lebens nicht gesund ist und wie wir zu einem gemäßigteren, ruhigeren Weg übergehen können .

Darüber hinausgehen…

• "Es muss kostenlos sein." An Services, die wir offensichtlich nicht brauchen, aber haben wollen. Mein Essay darüber, wie wichtig es ist, den Wert in den Dingen zu sehen, die wir wirklich brauchen, und warum weniger mehr ist.
• Wie können wir unser Leben verbessern? Indem wir wichtige Beziehungen pflegen, Technologie vermeiden und Werte anstelle von Lifehacks annehmen, sagt Eric Barker.
• Sehen Sie sich diesen Vortrag von Greta Thunberg an, einer sechzehnjährigen Frau, die all den bekannten und einflussreichen Menschen da draußen erzählt, dass sie sich nicht um Geld kümmert und warum wir den Klimawandel aus einer Perspektive wie der ihren betrachten müssen – ihrem Leben ist in Gefahr und kein Geld wird es retten können. Wir brauchen mehr Leute wie sie, die sich nicht von Unternehmens- oder Finanzregeln leiten lassen.