Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 463 (12. - 18. April 2021)

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

Medien     |    Webentwicklung     |    CSS     |    JavaScript     |    Browser

Medien

• "News 512" von CSSSR: Chrome 90, Deno 1.9, JS-Leistungsanalyse, Compiler, Layout von E-Mails, pnpm 6, ESLint 7.24.0

• Podcast "proConf" # 92: GatsbyConf 2021

• Podcast "Make me beautiful" # 60 - Das einzige Frontend, das Eier legt

• Podcast "Frontend Yunost" # 183: Der Weg von einer Idee zu einem beliebten OpenSource-Projekt

• Podcast "Wie ist es?" Problem Nr. 2: Teamleiter, Projektmanager, Tester - Wer sind all diese Leute?

Web Entwicklung

• Wenig bekannte, aber coole Attribute in HTML

• Mikrofrontends: Teilen und Erobern

• Ein vollständiger Leitfaden zum Erstellen von HTML- E-Mail- Vorlagen

• Praktische Barrierefreiheit Teil 2: Geben Sie (fast) allem einen Namen

• Plattformnachrichten: Verwendung: Fokus-sichtbar, die neue BBC font. Deklarative Schatten-DOMs, A11Y und Platzhalter

• Langsam und vorsichtig: Konvertieren der gesamten Sentry-Schnittstelle in TypeScript

• Die Spannungen zwischen Wix und WordPress nehmen zu

• 
  
  • Parcel Snowpack —
  
  •
  
  • natto.dev — JavaScript-
  
  • Frontend Toolkit — -
  
  

• 
  
  • Cumulative Layout Shift
  
  • WebAssembly ?
  
  • JavaScript DevTools
  
  • CSS CSS-in-JS
  
  

• 
  
  • 2D- Matter.js Paper.js
  
  • Meta GSAP: «»
  
  

CSS

• Nicht standardmäßige Schriftarten: Herstellen und Optimieren

• Welche CSS-Generatoren können im Jahr 2021 verwendet werden?

• Benutzerdefinierte CSS-Variablen, Farbumkehrung und Erstellung dunkler Designs in 5 Minuten.

• CSS: Arbeiten mit Text auf Bildern.

• Rückenwind-CSS: Verwenden oder nicht zu benutzen?

• Rückenwind-Benutzeroberfläche: jetzt mit React + Vue-Unterstützung

• Überlaufprobleme in CSS

• Erstellen von Stilen mit der Vollbild-API

• Begrüßen Sie CSS-Containerabfragen

• CSS ist eine stark typisierte Sprache

• Ein Leitfaden für Anfänger zu neuen Dienstprogrammen in Bootstrap 5

• Verwenden Sie Reseter.css anstelle von Normalize und Reset.css. Verbesserung der browserübergreifenden Kompatibilität.

JavaScript

• Typensicherheit in JavaScript: Flow und TypeScript

• Arbeiten mit Datums- und Zeitzonen in JavaScript

• Ändern der Größe von Bildern basierend auf dem Kontext mit JavaScript

• Arbeiten mit Zeichenfolgen in modernem JavaScript

• JavaScript-Generatoren: Überlegenes Async / Warten

• Ein anderer Ansatz für die Frontend-Architektur

• React
  
  • React, Preact, Inferno
  
  • React: . JavaScript
  
  • The next big thing! React Query server-state data management
  
  • React Router Hooks: ,
  
  • React
  
  • Redux
  
  • Remotion: React.
  
  • 5 , React
  
  

• Vue
  
  • Nuxt.js, Node Express
  
  • Vue Vue 3
  
  • provide/inject Vue.js 3 Composition API
  
  • , React- Vue
  
  

• Angular
  
  • LocalStorage, SessionStorage Cookies.
  
  • Angular CSS
  
  

• Libs & Plugins
  
  • lazyfill —
  
  

• Out Chrome 90

• Die Aktivierung von HTTP / 3 in Firefox ist für Ende Mai geplant.

• In Firefox 90 wird Code entfernt, der FTP unterstützt.

• Die Entwickler Vivaldi und Brave lehnten es ab, FLoC von Google zu verwenden, um dem Drittanbieter ein Cookie zu ersetzen.

• Microsoft Edge ist jetzt ein spezieller "Kindermodus".

• Firefox Nightly und Beta unterstützen jetzt QUIC und HTTP / 3.

• WebKit: Einführung von CSS Grid Inspector



Digest aus der letzten Woche .

Material hergestellt von dersmoll und Alekskorovin .