Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 326 (6. - 12. August 2018)

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 "Web Standards", Ausgabe Nr. 133: Neue Elemente in Chrome 69, Semantik zum Lesen, CSS ohne Kaskade und Houdini, API für Barrierefreiheit, Burnout.
• • Frontend Weekend Podcast # 65 - Igor Sheko darüber, wie man aus einem Serien-Startup ein vielversprechender Teamleiter wird
• • CSSSR Podcast News 512 - Ausgabe 18 (08/06 - 08/12)
• • "Devshahta Podcast": # 45 - Wenn das Frontend zum Devop wird
• • Podcast „Frontend Youth (18+)“ # 60: Sergey Berezhnoy: Fraktales Leben , # 59: Sprechen Sie über Javascript

Webentwicklung

• • Wir verwenden AMP als Allzweckbibliothek, um schnelle dynamische Sites zu erstellen
• • Icon Fonts vs SVGs - welche davon soll ich 2018 verwenden?
• • "SVG-Filter: Der Crash-Kurs" - Intensiv von Sara Soueidan
• • Google AMP - Verlust von 70% unserer Conversion
• • So erstellen Sie ein kleines schönes npm-Paket und veröffentlichen es
• • Webhint: Ein Tool für eine umfassende Site-Analyse mit Verbesserungsvorschlägen (ehemals Sonarwal)

• Leistung:
  • • Reduzierung der JavaScript-Belastung durch Codeaufteilung
  • • Benutzerdefinierte Leistungsberichte über das CrUX-Bedienfeld
  • • Die Phase des Renderns der Seite durch den Browser und des Denkens über die Webleistung
  

• Zugänglichkeit:
  • • Pflege der Barrierefreiheit von Webformularen
  • • Zugängliche Zugänglichkeit für Karten und Webnavigationssysteme
  • • Wenn Websites allgegenwärtig gemacht werden, sind sie weniger zugänglich.
  

• Animation:
  • • Punktmenü-Animationen
  • • Westworld-Schieberegler
  

CSS

• Neue Aktualisierungen von CSS-Entwürfen: Überlauf der Ebene 3, Linienlayout der Ebene 3, Raster der Ebene 2
• • Zeilenhöhe beschneiden - eine einfache CSS-Formel, um den oberen Rand im Text zu entfernen
• • Kenntnis der Anfangswerte in Ihrem CSS
• • Ändern Sie die Textfarbe für verschiedene Hintergründe mithilfe von CSS-Variablen automatisch
• • Techniken zum Ausblenden von CSS
• • Erstellen des „perfekten“ CSS-Systems
• • CSS-Rasterlayout: Multiplizieren und Erobern - oder wie man tatsächlich mit Gittern arbeitet
• • Änderungen am CSS-Rasterlayout in Prozent und unbestimmter Höhe
• • Schreiben Sie kein CSS - passen Sie es mit Rückenwind an

Javascript

• • JavaScript-Schlüsselwort dies für Anfänger
• • So funktioniert JS: Benutzerdefinierte Elemente
• • Vergleich von React und Vue an einem praktischen Beispiel
• • [Lesezeichen] 23 Empfehlungen zum Schutz von Node.js-Anwendungen
• 7 Empfehlungen für JavaScript-Code
• • Wie Sie mit schmutzigen Nebenwirkungen in Ihrem rein funktionalen JavaScript umgehen
• • Beheben Sie Probleme mit variablen Bereichen in ECMAScript 6
• • Chris Coyer über die Erstellung einer klebrigen Navigation, die das Scrollen von Seiten überwacht
• • Anleitungen für reguläre JavaScript-Ausdrücke
• • Teilen und erobern! Faules Laden für Ihr SPA

• Winkel:
  • Angular CLI-Referenz
  • • Angular 6 - Erstellen von Webpack-Konfigurationen von Grund auf neu
  • • PRPL-Vorlage für progressive Webanwendungen mit Angular 6+
  • • Animieren dynamischer Komponenten in Angular
  • • Erstellen wiederverwendbarer Animationen in Angular
  • • 15 Tricks und Leistungstipps in Angular
  • • Angular Console - Benutzeroberfläche für Angular CLI
  • • 10 nützliche Winkelfunktionen, von denen Sie vielleicht noch nichts gehört haben
  

• VueJS:
  • • Vue CLI 3.0 ist da!
  • • Beschleunigung der Entwicklung mit Vue Prototyping
  • • Erstellen einer Long-Click-Direktive in Vue
  

• Reaktion:
  • • Daten in Redux-Anwendungen abrufen - 100% richtiger Ansatz
  • • mauerwerk - mauerwerkstil gitterlayout auf reagieren
  • • Render Requisitenmuster von React - ein Kind als Funktion
  

• Libs & Plugins:
  • • Pts - Typoskript / Javascript-Bibliothek zur Visualisierung und kreativen Codierung
  • • lazyestload.js - lädt Bilder nur hoch, wenn sie im Ansichtsfenster angezeigt werden, nur 350 Byte js-Code
  • • SuperSlide.js - Ein flexibles, reibungsloses Folienmenü für Ihre nächste PWA
  • • Teilen - JavaScript-Mikrobibliothek mit einer Sammlung kleiner Plug-Ins zum Teilen von Zeichenfolgen in kleinere Objekte - Wörter, Zeichen und andere Optionen
  

Browser

• Firefox hat begonnen, ein Inhaltsempfehlungssystem basierend auf Benutzeraktivitäten zu testen
• Opera integriert eine Krypto-Brieftasche in die Desktop-Version seines Browsers
• Neues Mozilla-Experiment: Firefox Advance-Erweiterung, die den Verlauf der Netzwerkaktivität analysiert, um potenziell interessante Websites und Artikel auszuwählen
• • Chrome 69 Beta: Viele CSS-Verbesserungen und mehr

Unterhaltsam

• So wählen Sie eine Schriftart für Medien aus
• „Weg zurück - nein“: In Android 9.0 Pie hat Google den Nutzern die Möglichkeit genommen, zu älteren Versionen des Betriebssystems zurückzukehren
• Dart 2.0-Sprachupdate veröffentlicht, Googles alternatives JavaScript
• Das neuronale Netzwerk hat gelernt, ein Porträt einer Person gemäß der Textbeschreibung zu erstellen
• Wie China zu einer Generation herangewachsen ist, die Google, Facebook und Twitter nicht kennt
• Lustige und beängstigende Dinge. Erinnern Sie sich an die spektakulärsten IoT-Hacks der letzten Jahre
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.

← Zusammenfassung der letzten Woche
Material hergestellt von dersmoll und alekskorovin