Die Verdauung von frischen Materialien aus der Welt des Frontends für die letzte Woche Nr. 354 (25. Februar - 3. März 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 "Web Standards", Ausgabe Nr. 163: Mathematik in CSS, Geschwindigkeit und Overhead, der neue Videocodec AV1, JavaScript und SEO, Roboter werden uns nicht ersetzen.
• • Devshahta Podcast: # 71: Wie TypeScript unser Denken verändert (Teil 2)
• • CSSSR Podcast News 512 - Ausgabe 40 (25.02.03.03)
• • Auf Mitap! # 1: Berichte aufzeichnen . Materialien vom ersten Treffen in einem von der HTML Academy organisierten Online-Format
• • Vadim Makeevs Videoblog: „15. Lebe mit Antworten "
• • Turnier: „Das beste JS-Feature von 2018“ (TEIL 4 - FINAL!)

Webentwicklung

• • Codequalität . Entschlüsselung des Berichts von Ivan Botanov mit Frontend Conf, in dem er über Lesbarkeit, Benennung, Deklarativität, Codestil und die Beziehung zwischen Joons und Leads spricht
• • Testlayout? Einfach
• • Portfolio-Verarbeitung, Teil 1: Animation, Mikrointeraktionen und SVG
• • Statische Site-Generatoren: Ein Leitfaden für Anfänger

• Leistung:
  • Google: Die Geschwindigkeit des mobilen Downloads sollte eine konstante Priorität haben
  • Für die Illusion des schnellen Ladens von Seiten: Regeln zum Erstellen eines Skelettbildschirms auf Websites und Anwendungen
  • • Ein bisschen Leistung . Ein neuer Artikel von Roman Komarov über die Details der Optimierung seiner Website - Vorladen von Links, Schriftarten, progressive Navigation und dergleichen
  • • Reaktionsschnelle Bilder bereitstellen
  

• Zugänglichkeit:
  • • Wann ist ein Knopf kein Knopf?
  • • Verfügbarkeit ist kein "Reaktionsproblem"
  • • Web Accessibility Guide - Eine kuratierte Sammlung von Tipps, Tricks und Richtlinien für die Web Accessibility.
  • • Verfügbarkeitspraktiken für Datumsauswahlkomponenten
  • • Analyse der Barrierefreiheit der Startseite von 1.000.000 Websites
  • • Verwenden künstlicher Intelligenz zum Erstellen von alternativem Text auf Bildern
  

• Animation:
  • • SVG-Filtereffekte. Teil 7. Vorwärts
  • • SVG-Filtereffekte: Weitergehen
  • • Text-Trail-Effekt
  

CSS

• Wie @supports funktioniert
• • Responsive Design und benutzerdefinierte CSS-Eigenschaften: Definieren von Variablen und Haltepunkten
• • Mentales CSS-Modell . Neuer PPK-Artikel, in dem er versucht, Javascript-Entwicklern die CSS-Philosophie zu erklären
• • Die CSS-Arbeitsgruppe stimmte zu, viele mathematische Funktionen hinzuzufügen, darunter acos (), asin (), atan (), hypot (), sqrt () und viele andere
• • Breaking Boxes mit CSS-Fragmentierung . Rachel Andrews neuester Artikel zur neuen CSS-Spezifikation
• • Wiederherstellen des Facebook Messenger-Verlaufseffekts mithilfe von CSS
• • Eine detaillierte Übersicht über die Prinzipien von CSS-Selektoren + Spickzettel
• • Weniger bekannte CSS-Eigenschaften in GIFs
• • 8 kleine Videos über den Formpfad-Editor in Firefox
• • Werden benutzerdefinierte CSS-Eigenschaften Sass-Schleifen gewinnen?
• • Schauen Sie, keine Medienanfragen! Responsive Layouts mit CSS Grid

Javascript

• • Wolfensteiny 3D - Reverse Engineering 251 Bytes JavaScript
• Google startet SEO-Videoserien für JavaScript
• FunES # 9: ein Rätsel . JavaScript-Tricks
• • Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• • Schreiben einfacher, moderner JavaScript-Anwendungen mit Webpack und fortschrittlichen Webtechnologien
• • Grundlegendes zu Leistungsproblemen mit polymorphen JSON-Daten

• Theorie:
  • 5 Tipps zum Schreiben von bedingten Konstrukten in JavaScript
  • • 12 Wissenswertes zu JavaScript-Konzepten
  • • Vollständiger JavaScript-Zyklusleitfaden
  • • Was ist die längste Keyword-Sequenz in Javascript?
  • • Komplette Rückrufanleitung
  

• Reaktion:
  • • Effiziente Komponentenerstellung mit gestyltem System
  • • Wir sind zu Next.js gewechselt, um unsere Homepage 7,5-mal schneller zu verarbeiten.
  • • Verbessern der Leistung in React-Funktionskomponenten mit React.memo ()
  • • Wie die goldene Regel der Reaktionskomponenten Ihnen helfen kann, besseren Code zu schreiben
  • • Schreiben von Tests für Reaktionsanwendungen mit Scherz und Enzym
  • • Redux Erklärung in 1 Minute
  • • 8 Gründe für die Verwendung von gestylten Komponenten
  

• VueJS:
  • • Verbesserung der Entwicklungsproduktivität mit Vue - Teil 2
  • Vue.js Application Performance Optimization, Teil 1: Einführung in die Leistungsoptimierung und das verzögerte Laden
  • • Ein- und Aussteigen aus Vue.js. Ein ausführlicher Artikel über einen der Vorteile von Vue - einfache progressive Integration mit anderen JS
  • • Erstellen von benutzerdefinierten Anweisungen in Vue.js
  • • Ein weiteres Beispiel für eine abstrakte Komponente in Vue.js
  

• Winkel:
  • • MVC in der Winkelwelt
  • • Ankündigung von Angular Loadable (ngx-loadable ~ 2.2kB)
  • • So übertragen Sie Dateien und Daten zwischen einem Client in Angular und einem Backend in Node.js.
  

• Libs & Plugins:
  • • FrenchKiss.js ist eine ultraschnelle und leichte Internationalisierungsbibliothek, die sowohl im Browser als auch in NodeJS funktioniert
  • • terser - JavaScript-Parser und Mangler / Kompressor-Toolkit für ES6 +.
  • • cnbuilder - Ein weiterer Builder für Klassennamenzeichenfolgen
  • • Zero Server: Webframework ohne Konfiguration
  • • npmf: Ruft schnell Informationen zum npm-Paket direkt zum Terminal
  

Browser

• 0Day-Sicherheitslücke in Chrome wird verwendet, um Daten zu stehlen
• In Firefox 67 wird die Seite about: compatible angezeigt und die Registerkarten werden entladen, wenn nicht genügend Speicher vorhanden ist
• Google beschleunigt Chrome mit der neuen Funktion zum Zwischenspeichern offener Seiten
• In Firefox werden ein Bild-in-Bild-Modus und ein neu gestalteter Add-On-Manager angezeigt
• • Chrome wird nicht mehr benötigt

Unterhaltsam

• Google hat die Domainregistrierung in der .dev-Zone für alle geöffnet
• Neuronales Netz, das das Fälschen von Stimmen lehrt
• „Das sensationelle chinesische soziale Bewertungssystem in der Praxis ist weit entfernt von neuen Technologien.“
• Die wichtigsten Ereignisse in der Branche der künstlichen Intelligenz im Jahr 2018
• Erkennen Sie den Programmiersprachencode für „Hallo Welt!“ - Test auf exotische Sprachen
• Mozilla hat Common Voice-Sprachdaten veröffentlicht
• Linus Torvalds glaubt nicht, dass Server in der ARM-Architektur x86 ersetzen werden. "Verkauf eines 64-Bit-Modells - Idiotie"
• Neue Programmiersprachen zerstören leise unsere Verbindung zur Realität
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 .