Frontend Weekly Digest (25. Februar - 3. März 2019)

Diese Woche veröffentlichen wir eine wirklich große Auswahl aller wichtigen Neuigkeiten, die Sie bei der Front-End-Entwicklung möglicherweise verpasst haben. Stellen Sie sicher, dass Sie die neuesten Updates für CSS, HTML und JavaScript überprüfen.

Webentwicklung | CSS | Javascript

---

Webentwicklung

• • Portfolio-Überarbeitung Teil 1: Animation, Mikrointeraktion und SVG
• • Statische Site-Generatoren: Ein Leitfaden für Anfänger

• Zugänglichkeit:
  • • Wann ist ein Knopf kein Knopf?
  • • Zugänglichkeit ist kein "Reaktionsproblem"
  • • Web Accessibility Guide - Eine kuratierte Sammlung von Tipps, Tricks und Best Practices für die Barrierefreiheit im Internet.
  • • ARIA-Authoring-Praktiken für barrierefreie Datumsauswahl
  • • Eine Analyse der Barrierefreiheit der Top-1.000.000 Homepages
  • • Verwenden künstlicher Intelligenz zum Generieren von Alt-Text für Bilder
  

• Leistung:
  • • Ein bisschen Leistung
  • • Reaktionsschnelle Bilder bereitstellen
  

• Animationen:
  • • SVG-Filtereffekte: Vorwärts bewegen
  • • Text-Trail-Effekt
  
  

CSS

• • Responsive Designs und benutzerdefinierte CSS-Eigenschaften: Definieren von Variablen und Haltepunkten
• • Das CSS-Mentalmodell von PPK
• • Die CSS-Arbeitsgruppe stimmte zu, viele mathematische Funktionen hinzuzufügen
• • Breaking Boxes mit CSS-Fragmentierung von Rachel Andrew
• • Neuerstellung des Facebook Messenger-Verlaufseffekts mit CSS
• • CSS Selektoren Cheatsheet & Details
• • Weniger bekannte CSS-Eigenschaften in GIFs
• • 8 kleine Videos zum Firefox Shape Path Editor
• • Schlagen benutzerdefinierte CSS-Eigenschaften Sass-Schleifen?
• • Schau Ma, keine Medienabfragen! Responsive Layouts mit CSS Grid

Javascript

• • JavaScript SEO: Willkommen zu einer neuen Serie!
• • Wie man einfache moderne JavaScript-Apps mit Webpack und progressiven Webtechniken schreibt
• • Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• • Grundlegendes zu einem Leistungsproblem mit „polymorphen“ JSON-Daten

• Theorie:
  • • Die vollständige Anleitung zu Schleifen in JavaScript
  • • Was ist die längste Keyword-Sequenz in Javascript?
  • • Rückrufe: Der endgültige Leitfaden
  

• Reaktion:
  • • Wir sind auf Next.js migriert, um unsere Homepage 7,5 × schneller bereitzustellen
  • • Verbessern der Leistung in reaktiven Funktionskomponenten mit React.memo ()
  • • Wie die „Goldene Regel“ der React-Komponenten Ihnen helfen kann, besseren Code zu schreiben
  • • Schreiben von Tests für Reaktionsanwendungen mit Scherz und Enzym
  • • Redux in 1 Minute erklärt
  • • 8 Gründe für die Verwendung von gestylten Komponenten
  

• VueJS:
  • • Ein- und Aussteigen aus Vue.js.
  • • Erstellen von benutzerdefinierten Anweisungen in Vue.js.
  • • Ein weiteres Beispiel für eine abstrakte Komponente in Vue.js
  

• Winkel:
  • • MVC in einer Winkelwelt
  • • Ankündigung Angular Loadable (ngx-loadable ~ 2.2kB)
  • • Übertragen von Dateien und Daten zwischen Angular Clients und Node.js Backends
  

• Libs & Plugins:
  • • FrenchKiss.js - eine blitzschnelle, leichte i18n-Bibliothek, die in JavaScript geschrieben wurde und sowohl im Browser als auch in NodeJS-Umgebungen funktioniert. Es bietet eine einfache und sehr schnelle Lösung für die Internationalisierung.
  • • terser - Ein JavaScript-Parser und Mangler / Kompressor-Toolkit für ES6 +.
  • • cnbuilder - Ein weiterer Builder für Klassennamenzeichenfolgen
  • • Zero Server: Webframework ohne Konfiguration
  • • npmf: Abrufen schneller Informationen zu einem npm-Paket über das Terminal
  

A. A.

Danke fürs Lesen! Sie können uns gerne Ihre Artikel oder frischen nützlichen Inhalte senden, die Sie in der nächsten Übersicht sehen möchten.