Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 367 (27. Mai - 2. Juni 2019)

Wir machen Sie auf eine Auswahl mit Links zu neuen Materialien aus dem Frontend-Bereich und Umgebung aufmerksam.

Medien | Webentwicklung | CSS | Javascript | Browser | Unterhaltsam

---

Medien

• • Podcast „Webstandards“ , 177. Browsernachrichten, Schriftanzeige, Symbolschriftarten, Formulare, Barrierefreiheit
• • Podcast „devschacht“ # 81: HolyJS Piter 2019
• • Repozitorro # 16 - Von jQuery zu 1 Schritt reagieren ?
• • RIT ++ 2019, die besten Berichte aller sieben Konferenzen des Festivals: Tag eins , Tag zwei

Webentwicklung

• • Statisches Web: Zurück zu den Grundlagen?
• • Wie eBay einen Barcode-Scanner in WebAssembly erstellt hat
• W3C und WHATWG: Ist die lang erwartete Welt?
• • Erste Schritte mit GraphQL: Es ist ziemlich einfach!
• • Wie wichtig sind wir? Christian Heilmann (Microsoft) diskutiert die Rolle des Frontends in der modernen Entwicklung

• Leistung:
  • • Ankündigung zur Größenänderung von Cloudflare-Bildern: Vereinfacht die optimale Bildlieferung
  • • Lighthouse-Plugin, mit dem der Wert der Leistung bei realen Benutzern und nicht in einer emulierten Umgebung gemessen werden kann.
  • • Ihr erstes Leistungsbudget mit Lighthouse
  • • Self-Host für Ihre statischen Assets
  

• Werkzeuge:
  • • 10 nützliche Tipps zur Implementierung des Pixel Perfect-Designs in der Front-End-Entwicklung (am Beispiel des Sketch-Editors)
  • • Entropic - Neue Registrierung für verteilte Pakete für Node.js.
  • • Fernentwicklung in VS Code: Ihr Leben wird niemals das gleiche sein
  • • Was ist neu in DevTools (Chrome 76)
  

• Zugänglichkeit:
  • • Der Unterschied zwischen Tastaturnavigation und Bildschirmleser
  • • Tools zur Verfügbarkeit von Farbkontrasten
  • • Beheben Sie 85% der Probleme mit der Barrierefreiheit im Internet mit 5 einfachen Schritten
  • • Tabindex: Verwendung ist selten positiv
  

CSS

• • CSS Subgrid News
• Vertikale und horizontale Zentrierung von allem in CSS Flexbox
• • Utility-First CSS :: unglaublich schnelles Interface-Design für fast jedes Design
• • Verwenden der Grid Shepherd-Methode zum Organisieren von Daten mithilfe von CSS
• • Grundlegendes zu CSS-Variablen
• • Mehrzeiliger abgerundeter Text unterstreichen
• • xstyled - Eine neue Art, Komponenten zu stylen
• • Warum bevorzugen wir benutzerdefinierte CSS-Eigenschaften gegenüber SASS-Variablen?
• • CSS-Hintergrundbildeigenschaft als Anti-Pattern

Javascript

• • IntersectionObserver API und verzögertes Laden von Bildern
• • Ein Spiel auf Svelte 3 entwickeln
• SEO-Test: Indizierung von JavaScript-Websites
• 9 Fragen, um einen Job als JavaScript-Entwickler zu bekommen
• • TypeScript 3.5-Ankündigung
• • Warum verwende ich 2019 immer noch jQuery?
• • Der schnellste Weg, um das DOM zu rendern

• Theorie:
  • • 5 Möglichkeiten, einen Wert in JavaScript in einen String zu konvertieren
  • • Funktionales JavaScript: Fünf Möglichkeiten zur Berechnung des Durchschnitts mit Array-Reduzierung
  • • Private Variablen in JavaScript implementieren
  

• Reaktion:
  • • Verwalten des Status mit React Hooks - Ohne Redux- und Kontext-API
  • • LogRock: Testen durch Protokollierung
  • • API-Anfrage mit React Hooks, HOC oder Render Prop
  • • Uibook - ein visuelles Testwerkzeug für React-Komponenten mit Medienabfragen
  • • Wie Faser deutlich schneller reagiert
  • • Reagiere auf 16 + Three.js, Integrationstipps (2019)
  • • Tippreaktion (1) - Grundlagen
  • • Zoomstufe - Ein Plugin, mit dem Sie die Zoomstufe sowohl der Browserseite als auch eines einzelnen Elements bestimmen können.
  • • Geben Sie in React 16 null von setState zurück
  

• Winkel:
  • • Machen Sie sich bereit: Angular 8 ist nah
  • • Winkel-Zwei-Wege-Bindung, etwas verständnisvoller
  • • Angular Version 8 - kleinere Bundles, CLI-APIs und Ökosystem-Matching
  • • Angular & RxJS: Speicherleckerkennung
  • • Erkunden von Angular CDK-Portalen
  

• Ember.js:
  • • Ember.js: Der Dokumentarfilm (russische Version)
  • • Ember 3.10 Release
  • • EmberData - Enttäuschung in Urlaub verwandeln
  • • Dynamische Komponenten in Glut
  

• VueJS:
  • Vue.js und SEO: So optimieren Sie reaktionsfähige Websites für Suchmaschinen und Bots
  • • So erstellen Sie mit Vue eine Erweiterung für Chrome
  • • Vue.js trifft auf Bootstrap: Neues Vootstrap-Projekt eingeführt
  • • Vue-Komponentenklassen abgelehnt
  • • tiptap: erweiterbarer formatierter Texteditor für Vue.js.
  

• Libs & Plugins:
  • Einführung von Zdog 1.0, einer Pseudo-3D-Engine für das Web mit Canvas und SVG
  • • atomico - Eine kleine Bibliothek zum Erstellen von Schnittstellen basierend auf Webkomponenten, die nur Funktionen und Hooks verwenden.
  • • Scene.js - Timeline- basierte animierte JavaScript- und CSS-Bibliothek
  • • pickr: Eine einfache und erweiterbare Bibliothek zum Hinzufügen von Farbwählern ohne jQuery-Abhängigkeiten
  

Browser

• Aktivieren des dunklen Themas in Chrome unter Android
• Google besteht weiterhin darauf, die Nachfrage nach APIs in Werbeblockern zu begrenzen
• Eine Welle bösartiger Add-Ons im Firefox-Verzeichnis, die sich hinter Adobe Flash verstecken
• Einführung von Firefox Lockwise Password Manager
• Tor Browser - die erste stabile Version eines anonymen Browsers für Android
• In Google Chrome können Sie jetzt die Geolokalisierung zum Testen von Websites neu definieren
• • Google zwingt Benutzer von Microsoft Edge Preview, Chrome für die volle YouTube-Leistung zu verwenden
• • Vor Netscape: Vergessene Webbrowser der frühen neunziger Jahre

Unterhaltsam

• Ab Juli indiziert Google neue Websites auf mobilen Versionen
• Alles, was Google über Sie im Auge behält - und wie Sie es stoppen können
• Microsoft macht Text-to-Speech zugänglicher und startet Quantencomputer-Schulungen mit Alphabet X.
• Wiegen Sie einen Elefanten ohne Waage: Reed Hoffman über Interviews im Silicon Valley und die Bedeutung des Trainings
• Expertenprognosen: Die besten und schlechtesten Szenarien im Konflikt zwischen Huawei und den USA
• Microsoft beschrieb eine Vision für die Zukunft von Windows: „unsichtbare“ Hintergrundupdates, Cloud-Anwendungen und 5G-Unterstützung
• Große Bereinigung: Viele Module werden aus der Python-Standardbibliothek entfernt
• • WP News: Start des Gutenberg Block Kits auf Glitch
A. A.

Wir entschuldigen uns für Tippfehler oder fehlerhafte / doppelte Links. Wenn Sie ein Problem bemerken - schreiben Sie bitte eine persönliche E-Mail, wir versuchen, es schnell zu beheben.

Digest der letzten Woche .
Material hergestellt von dersmoll und alekskorovin .