Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 437 (12. - 18. Oktober 2020)

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

Medien     |    Webentwicklung     |    CSS     |    JavaScript

Medien

• Podcast "Webstandards" # 251. Chrome 86, Safari und Firefox, der Beginn des UI-Kits, SSR und Next.js, über Zara- und JS-Marathons

• Podcast "Make Me Beautiful" Ausgabe Nr. 45: 18+ Coole Front-End- Geschichten

• CSSSR-Podcast: Webpack 5 und Modul Federation, Chrome 86, npm 7, Event Loop & Call Stack, Python 3.9, a11y Materialien

Web Entwicklung

• Wir erstellen Webanwendungen aus Gründen der Wirtschaftlichkeit - aber dieser Weg führt uns in die Dunkelheit.

• Dunkler Modus: Hallo Dunkelheit, mein alter Freund.

• Von HTTP zu HTTP 3 - das Internet der Zukunft.

• 11 Front-End-Tricks, die viele Front-End-Entwickler nicht kennen.

• Web Komponenten: Das vollständige Handbuch

• Wie Echtzeitkommunikation mit Socket.io & Node.js aufgebaut wird

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• CSS-Variablen - Young Fighter-Kurs

• 10 moderne Layouts in einer CSS- Zeile

• Fortgeschrittenes CSS-in-TS

• Auswählen eines CSS-Layouts - Grid oder Flexbox?

• - -var :; hacken , um mehrere Werte mit einer benutzerdefinierten Eigenschaft zu umschalten

• Responsive Schriftgröße mit Vanille-CSS

• Boolesche Eigenschaft Erweiterungen mit Verknüpfungen

• Der: Fokus sichtbaren Trick

• Ein Bündel von 20 animierten Lader in reinen CSS

• min (), max () und clamp (): drei boolesche CSS-Funktionen, die heute verwendet werden können

• Layoutit Grid: CSS-Grid mit einem Generator visuell untersuchen

• Neue CSS image () -Funktion

• Benutzerverfolgung mit CSS

JavaScript

• WorkBox: Ihr Toolkit in der Welt der Servicemitarbeiter

• Was ist WeakSet in JavaScript und wie funktioniert es ?

• Warum sollten Sie Await der obersten Ebene in JavaScript verwenden?

• Erste Schritte mit modernem JavaScript - Proxy

• Der Weg zur isomorphen Renderleistung

• Objektorientiertes JavaScript: Eine kleine Übung

• Dokumentation Ihrer TypeScript-Projekte: Optionen

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Bibliotheken und Plugins
  
  • Praktische Plattform für die Auswahl von Bibliotheken und JavaScript-Frameworks - OpenBase
  
  • GPU erkennen - Erkennt GPUs anhand ihrer Ergebnisse in 3D-Rendering-Leistungstests, wodurch der Entwickler angemessene Standardeinstellungen für grafikintensive Anwendungen bereitstellen kann.
  
  • dragmove.js - Eine winzige Javascript-Bibliothek zum Ziehen und Ablegen von Elementen in das DOM.
  
  • Erste Schritte mit Malina.js.
  
  • 3 Gründe, weniger JavaScript-Bibliotheken zu verwenden
  
  

Digest für die letzte Woche .

Material hergestellt Dersmoll und Alekskorovin .