Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 467 (10. - 16. Mai 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

• Podcast "Webstandards" # 281. SpiderMonkey 25 Jahre alt, Safari TP, Bootstrap 5, GitHub, Präfixe, Monoreps und Ihr eigenes Git in Yandex

• Frontend Yunost Podcast # 186. Bügeln Sie das Netz. Der Gast ist der Schöpfer und Chefredakteur des Smashing Magazine Vitaly Fridman.

• Videokassette „Frontend. Interviewfragen "# 2

• Braucht June einen perfekten Code: ein Interview mit Vadim Makeev

• Der Podcast" Wie ist es? " Ausgabe Nr. 4: Vom japanischen Philologen zum freiberuflichen Frontend

Web Entwicklung

• Solide Frontends: Überwachung

• Registrieren eines URL-Protokoll- Handlers für PWA

• Unterschiede zwischen WebSockets und Socket.IO

• Wechseln zu "Meta GSAP": Finden des "perfekten" unendlichen Bildlaufs

• Leistung
  
  • Optimierung der wichtigsten Web-Vitale: Grundlegende Strategien
  
  • Messen der Site-Geschwindigkeit mithilfe der Leistungs-API
  
  • Optimieren der Web-Vitale mithilfe von Lighthouse
  
  

• 
  
  • toggle
  
  • ? ? [ ]
  
  •
  
  • 7 Winn-Dixie ADA (2021 .)
  
  • Logical Content Flow — - Logical Content Flow
  
  

CSS

• Identifizierung reiner CSS-Touchscreen-Geräte

• Die Krone der Entwicklung von CSS-in-JS ist hier: vollständig typisierte Stile ohne Laufzeit in Vanilleextrakt

• Vergleich der CSS- und CSS-in-JS-Leistung in der realen Welt

• CSS-Prüfungstools

• "Parent Selector": hat () - in Wirklichkeit!

• Containerabfragen
  
  • CSS der nächsten Generation: @container
  
  • Einführung in CSS-Containerabfragen
  
  • Dekoration auf Komponentenebene mit CSS-Containerabfragen
  
  • Unterstützung (nicht) unbekannt. Hinzufügen der Validierung von Containerabfragen zu CSS mit @support
  
  

• Design zum Lesen: Tipps zum Optimieren von Inhalten für Lesemodi und Reader-Anwendungen

• Erweiterte CSS-Animation mit Cubic-Bezier ()

• Seitenverhältnis und Raster

• Erstellen von Stylesheet-Feature-Flags mit Sass! Standard

• Sticky Smooth Scrolling ScrollSpy-Navigation mit festem Hintergrund-CSS

• Ein Blick auf CSS Rückenwind

JavaScript

• Verfolgen und Visualisieren der Position der ISS mithilfe von 30 Zeilen JavaScript-Code.

• Spickzettel zu JS-Methoden für die Arbeit mit dem DOM.

• Muster der verzögerten Initialisierung von Objekteigenschaften in JavaScript.

• Ich habe Grafar veröffentlicht - eine JS-Bibliothek zur Visualisierung.

• 7 Schritte zu Sicheres JavaScript im Jahr 2021

• Modernes Javascript: Alles, was Sie in den letzten 10 Jahren verpasst haben (ECMAScript 2020)

• Erstellen Sie Tetris mit modernem JavaScript

• Typescript
  
  • , 2021 TypeScript, JavaScript
  
  • DRY TypeScript
  
  • TypeScript:
  
  

• React
  
  • React, TypeScript TDD
  
  • React Hooks
  
  • React Virtual DOM
  
  • Debounce Throttle React
  
  • React
  
  • React
  
  • VR React 360
  
  • React- 2021
  
  

• Vue
  
  • Vue.js : -
  
  • Vuex, the Official Vue.js Store
  
  • Vue Router:
  
  

• Angular
  
  • Angular @taiga-ui/cdk: 5
  
  • , Angular 12, Nx 12.3
  
  • RxJS Angular: If/Else
  
  • Angular Forms:
  
  • Angular
  
  

• Ember
  
  • Emberjs 3.2x Storybook.js 2021
  
  • Tailwind css 2.0 + EmberJs 3.2+ 2021
  
  

• Svelte
  
  • Svelte
  
  

• Verwendung benutzerdefinierter Protokollhandler für die browserübergreifende Verfolgung in Tor, Safari, Chrome und Firefox.

• Identifizierung durch Analyse externer Protokollhandler in Browser



Digest in der letzten Woche.

Material hergestellt Dersmoll und Alekskorovin .