Monatliches Webentwicklungs-Update 12⁄2018: WebP, der Stand von UX und ein Low-Stress-Experiment

Es ist die letzte Ausgabe dieses Jahres und ich bin ziemlich begeistert, was 2018 für uns gebracht hat, was passiert ist und wie sich das Web entwickelt hat. Lassen Sie uns das zusammenfassen und uns daran erinnern, was jeder von uns in diesem Jahr gelernt hat : Was war die nützlichste Funktion, API, Bibliothek, die wir verwendet haben? Und wie haben wir uns persönlich verändert?

Für das Update dieses Monats habe ich noch eine Reihe weiterer Artikel für Sie gesammelt. Wem das noch nicht genug Lesestoff ist, der findet immer mehr im Archiv oder in der Evergreen-Liste, die die wichtigsten Artikel seit Beginn der Webentwicklungs-Leseliste enthält. Ich hoffe, Ihre Tage bis zum Jahresende werden nicht zu stressig und wünsche Ihnen alles Gute. Wir sehen uns nächstes Jahr!

Nachrichten

• Microsoft hat gerade angekündigt, dass sie ihre Edge-Strategie ändern werden: Sie werden Chromium als neue Browser-Engine für Desktop anstelle von EdgeHTML verwenden und möglicherweise sogar Microsoft Edge für macOS anbieten. Sie werden von nun an auch bei der Entwicklung der Blink-Engine helfen.
• Chrome 71 ist da und bringt relative Zeitunterstützung über die Internationalisierungs-API. Neu ist auch, dass die Sprachsynthese jetzt eine Benutzeraktivierung erfordert.
• Safari Technology Preview 71 ist da und bringt supported-color-schemes in CSS und fügt Web-Authentifizierung als experimentelle Funktion hinzu.
• Firefox bietet Benutzern in Kürze eine Browsereinstellung, um alle Berechtigungsanfragen automatisch zu blockieren. Dies wirkt sich auf die automatische Wiedergabe von Videos, Webbenachrichtigungen, Geolokalisierungsanfragen, Kamera- und Mikrofonzugriffsanfragen aus. Die Notwendigkeit, Anfragen automatisch zu blockieren, zeigt, wie schrecklich falsch Entwickler diese Techniken anwenden. Traurige Nachrichten für diejenigen, die auf solche Anfragen für ihre Dienste angewiesen sind, wie zum Beispiel WebRTC-Anrufdienste.

Allgemein

• Wir haben endlich Wege gefunden, um mit erstaunlicher Technologie auf Websites zuzugreifen und diese offline zu nutzen. Aber eine Sache, die wir vergessen haben, ist, dass wir den Menschen in den letzten dreißig Jahren beigebracht haben, dass das Internet online ist, sodass die meisten Menschen nicht wissen, dass es überhaupt eine Offline-Nutzung gibt. Eine Lektion in User Experience Design und wie wichtig es ist, uns an die Geschichte des Mediums zu erinnern, für das wir bauen.

UI/UX

• Matthew Strom schrieb darüber, wie wichtig es ist, Dinge später zu reparieren und nicht zu versuchen, perfekt zu sein.
• Eine etwas satirische Ressource über den Stand von UX im Jahr 2019.
• Erica Hall zeigt uns Beispiele dafür, warum das meiste von „UX-Design“ ein Mythos ist und warum nicht nur Design ein großartiges Produkt ausmacht, sondern auch die richtige Produktstrategie und das richtige Geschäftsmodell. Das beste Beispiel, warum Sie dies lesen sollten, ist, wenn Erica „Virgin America. Radio. Google Reader. Komcast. Welche davon boten eine gute Erfahrung? Welche davon gibt es noch?“ Eine Wahrheit, die Sie nicht ignorieren können, und zum Glück ist dies kein pessimistischer, aber sehr zum Nachdenken anregender Artikel mit großartigen Tipps, wie wir dieses Wissen nutzen können, um unsere Produkte zu verbessern. Mit Strategie, mit Design, mit einem Geschäftsmodell, das passt.

Werkzeuge

• Sandip Devarkonda erklärt, wie wir eine Echtzeit-App mit GraphQL-Abonnements auf Postgres erstellen können.

HTML und SVG

• Michael Scharnagl darüber, warum es aufhören muss, Menschen zu beschimpfen, weil sie eine Programmiersprache der anderen vorziehen.

Barrierefreiheit

• Scott O'Hara erinnert uns daran, wie wichtig es ist, die inhärente Funktionalität und Zugänglichkeit, die viele bieten, nicht zu vergessen, wenn wir nach benutzerdefinierten Steuerelementen streben.

CSS

• CSS-Umgebungsvariablen kommen, und deshalb brauchen wir sie zusätzlich zu den benutzerdefinierten Eigenschaften.
• Andy Bell erklärt, wie wir benutzerdefinierte CSS-Eigenschaften verwenden können, um Fluss und Rhythmus in unseren Layouts zu verwalten. Ein hervorragendes Beispiel, das über die Verwendung von benutzerdefinierten Eigenschaften für Farbwerte hinausgeht.

JavaScript

• Google ist dabei, uns noch eine weitere API zu bringen: Die Badging-API ermöglicht es Webdesktop-Apps, neue Benachrichtigungen oder ähnliches anzuzeigen. Die Spezifikation wird noch diskutiert, und sie würden sich freuen, Ihre Meinung dazu zu hören.
• Hidde de Vries erklärt, wie wir moderne JavaScript-APIs verwenden können, um ein Element in die Mitte des Ansichtsfensters zu scrollen.
• Der neue Background Fetch ist in Chrome 71 hinter Flags verfügbar und ermöglicht es, Ressourcen, deren Laden eine Weile dauert – beispielsweise Filme – im Hintergrund abzurufen.
• Pete LePage erklärt, wie wir die Web Share Target API verwenden können, um einen Dienst als Share Target zu registrieren.
• Ist es immer noch eine gute Idee, JavaScript zum Laden von Webfonts zu verwenden? Zach Leatherman teilt mit, warum wir von Fall zu Fall entscheiden sollten und warum es oft am besten ist, modernes CSS und font-display: swap; .
• Doka ist ein neuer eigenständiger JavaScript-Bildeditor, den man sich merken sollte. Obwohl es kein kostenloses Produkt ist, bietet es sehr praktische Methoden zum Bearbeiten mit einer angenehmen Benutzererfahrung, und durch die Zahlung einer jährlichen Gebühr stellen Sie sicher, dass Sie Bugfixes und Support erhalten.
• „The Power of Web Components“ teilt die grundlegenden Konzepte, wie man mit ihrer Verwendung beginnt und warum die Verwendung eigener HTML-Elemente anstelle des Zusammenfügens von HTML, den zugehörigen CSS-Klassen und einem JavaScript-Trigger die Dinge so sehr vereinfachen kann.

Sicherheit

• Scott Helme teilt Informationen über einen neuen Sicherheitsheader mit, den wir verwenden können: Clear Site Data ermöglicht es Websitebesitzern, Daten aus Cache, (lokalem/Sitzungs-/permanentem) Speicher oder Cookies zu löschen. Dies kann nützlich sein, um sensible oder private Daten, die in localStorage- oder Authentifizierungscookies gespeichert sind, einfach zu löschen.
• Wir wissen inzwischen, dass die Verwendung von rel=noopener eine gute Idee für target=_blank Linkelemente ist. Jetzt experimentiert Firefox mit der automatischen Ersetzung von rel=noopener im Browser, um sicherzustellen, dass der Sicherheitsangriff nicht missbraucht werden kann.
• Terence Eden untersucht, wie viele große Websites, die Zahlungen anbieten, nicht authentifiziertes, nicht verifiziertes JavaScript von Drittanbietern enthalten. Er erläutert, was das bedeutet, warum es so schädlich ist und wie wir das Problem lösen könnten. Das Stripe-JavaScript-Bundle, das Sie einschließen müssen, bietet jedoch auch keine Sub-Ressourcenintegrität.
• Ein weiterer Sicherheitsvorfall ereignete sich mit einem sehr beliebten npm-Paket: event-stream wurde mit Malware-Code veröffentlicht, der bestimmte Bitcoin-Wallets von Computern stiehlt. Bitte überprüfen Sie die Abhängigkeiten auf Ihrem Computer und stellen Sie sicher, dass Sie auf die neuesten Paketversionen aktualisieren. npm audit hilft auch dabei, solche Probleme zu identifizieren.

Privatsphäre

• Hast du einen Mann oder eine Frau? Kinder? Andere Verwandte? Dann sollten Sie diesen wichtigen Leitfaden zum Schutz der Daten Ihrer Familie lesen und in die Tat umsetzen. Das Internet ist kein sicherer Ort, und Sie möchten sicherstellen, dass Ihre Verwandten verstehen, was sie tun – und Sie sind es, der sie schützen kann, indem Sie sie unterrichten oder bessere Standardeinstellungen einrichten.

Webleistung

• Wie schneiden die Dateigrößen von WebP-Bildern im Vergleich zu den leistungsstärksten JPEG-Optimierungen ab? Daniel Aleksandersen präsentiert die Zahlen und kommt zu dem Schluss, dass WebP fast jedes Mal einen fantastischen Job darin macht, andere optimierte Formate zu schlagen.
• Ire Aderokun zeigt, wie wir WebP-Bilder heute verwenden können. Dies wird jetzt noch relevanter, da Firefox in seinen Nightly-Builds WebP-Unterstützung bietet und Edge das Format seit der letzten Version ebenfalls unterstützt.
• Die Cloud-Einheit von Amazon bringt Arm-basierte Server-Chips auf den Markt und kann damit die Kosten um etwa 45 % senken (z. B. für Webserver). Das bedeutet, dass der Energieverbrauch viel geringer ist und die Gesamteffizienz höher ist, was auch ein gutes Zeichen für unseren Planeten ist. Wir brauchen mehr dieser evolutionären Infrastruktur-Upgrades, die die Auswirkungen der Technologie auf unser Klima verringern.

Arbeitsleben

• Shana Lynch erzählt uns, was jemanden zu einer ethischen Führungskraft macht, welche Werte wichtig sind, wie man aufrecht steht, wenn es schwierig wird, und wie man sich im Voraus auf unangenehme Situationen vorbereitet.
• Ozoemena Nonso versucht zu erklären, warum wir oft nicht glücklich sind. Der Dieb unseres Glücks vergleicht uns nicht mit anderen; Es ist so, dass wir darum kämpfen, das Vergleichsmodell richtig hinzubekommen. Ein unglaublich guter Lebensratschlag, wenn man sich oft mit anderen vergleicht und das Gefühl hat, dass sein Glück darunter leidet.
• Ein eher ungewöhnlicher Ratschlag: Warum es eine schlechte Idee sein könnte, andere dazu zu zwingen, ihre Komfortzone zu verlassen.
• Sandor Dargo darüber, wie er es geschafft hat, während der Arbeitszeit Ablenkungen zu vermeiden und seinen Job wieder richtig zu machen.
• Paul Robert Lloyd schreibt über das Buch „Future Ethics“ von Cennydd Bowles und erklärt, worum es darin geht, und weist mit einem einfachen Beispiel auf die Herausforderungen der Ethik hin.
• Jeffrey Silverstein ist Lehrer und hatte große Probleme, Zeit für Nebenprojekte zu finden, während er Vollzeit arbeitete. Jetzt hat er eine Lösung gefunden, die er in diesem großartigen Artikel über „Wie man Vollzeitarbeit mit kreativen Projekten in Einklang bringt“ mit uns teilt. Eine inspirierende Lektüre, der ich mich voll und ganz anschließen kann.
• Ben Werdmuller teilt seine Gedanken darüber, warum Lifestyle-Unternehmen massiv unterschätzt werden. Aber was ist ein Lifestyle-Business? Er definiert sie als nicht durch Risikokapital finanzierte Unternehmen, die es ihren Eigentümern ermöglichen, ein bestimmtes Einkommensniveau aufrechtzuerhalten, aber nicht mehr. Als lustige Nebenbemerkung zeigt dieser Artikel, wie verrückt Mietpreise an der US-Westküste geworden sind.
• Jake Knapp erzählt, wie er sechs Jahre mit einem ablenkungsfreien Smartphone überlebt hat – keine E-Mails, keine Benachrichtigungen. Und er hat tolle Tipps für uns und eine Übung zum Ausprobieren. Ich habe kürzlich alle meine Apps in einen Ordner auf dem zweiten Bildschirm verschoben, um sicherzustellen, dass ich nach der App suchen muss, was normalerweise bedeutet, dass ich sie wirklich öffnen möchte und es nicht nur tue, um mich abzulenken.
• Ryan Avent hat darüber geschrieben, warum wir so hart arbeiten. Dieser Essay ist gut recherchiert und erklärt, warum wir die Arbeit für so wichtig halten, warum wir uns in sie verlieben und warum unser Lebensstil und unsere Gesellschaft dazu neigen, ständig härter zu arbeiten.

Darüber hinausgehen…

• „Who do Designers Really Work For“ ist ein Meisterwerk über Verantwortung.
• Maryanne Wolf teilt Forschungsergebnisse, die zeigen, dass wir beim Lesen von Texten keine Zeit haben, Komplexität zu erfassen, Gefühle zu verstehen oder Schönheit wahrzunehmen. Ein Trend, der sich in den letzten Jahrzehnten noch verschlimmert hat.
• Globale Investoren, die 32 Billionen US-Dollar verwalten, haben auf dem UN-Klimagipfel eine deutliche Warnung an die Regierungen gerichtet und forderten dringende Senkungen der CO2-Emissionen und den Ausstieg aus der Kohleverbrennung. Ohne diese stehe die Welt vor einem Finanzcrash, der um ein Vielfaches schlimmer sei als die Krise von 2008, sagten sie.
• In gewisser Weise könnte das schlimmste Massensterben des Planeten – vor 250 Millionen Jahren, am Ende des Perm – mit dem heutigen Klimawandel einhergehen.