Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 425 (20. - 26. Juli 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" # 240: MoscowJS, Beta Chrome 85, TypeScript in Svelte, Typisierung und Dumps in CSS, was ist Numl?

• Podcast "Frontend Youth (18+)" # 147: Jenkins übernimmt Code aus Mediazone

• CSSSR-Podcast : Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Offene Priorisierung, Oracle-Update

• Podcast "Make Me Beautiful", Problem Nr. 38: Tupel in js, Verwendung von Rückrufen vor der Optimierung und eine Grube mit SPA

Web Entwicklung

• Es ist Zeit, Offscreen <iframe> s träge zu laden.

• Rechte Oberfläche: Anpassen der Steuerelemente an die Sprachen von rechts nach links.

• Yaml für Webentwickler.

• Autorisierung und Authentifizierung für alle.

• Google hat den Übergang zur Mobile-First-Indizierung auf März 2021 verschoben.

• Vollständiges HTML in GitHub README mit SVG ForeignObject

• Einführung in den Jamstack: Erstellen sicherer, leistungsstarker Sites

• Verwenden von Chrome DevTools als Senior Frontend-Entwickler

• 5 Caching-Strategien für Service Worker für Ihre nächste PWA-Anwendung

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

• Moderne Lösungen für alte CSS-Probleme: Halten Sie die Fußzeile am Ende der Seite , Elemente gleicher Höhe: Flexbox vs Grid , Skalieren von Bildern mit CSS

• Native Methode zum Färben von SVG-Symbolen

• Informationen zu Sass-Konflikten und relativ neuen CSS-Funktionen

• Erläuterung der Schlüsselwörter initial, erben, nicht gesetzt und zu CSS zurückkehren

• @property: unterstützt CSS-Variablen

• moderne CSS-Techniken zur Verbesserung der Lesbarkeit

• keyframes.app - ein visuelles Online-Tool, das das Erstellen von CSS für Animationen erleichtert

• Verwenden von Flexbox mit Textellipsen

• Animierte CSS-Unterstreichung

• Verwendung mehrerer Hintergründe in CSS

• Wann verwenden Sie Inline-Block?

• Online-Generator von Bildern dreidimensionaler Bücher in CSS

• css-media-vars - Eine neue Methode zum Schreiben von responsivem CSS. Benannte Haltepunkte, DRY-Selektoren, keine Skripte, keine Assemblys, Vanilla-CSS.

• Über Bildschirmgrößen hinaus: Responsive Design im Jahr 2020

• Realistische CSS-Blobs

JavaScript

• Auswählen von JavaScript-Abhängigkeiten

• Ein Weg, um Vorlagenliterale in JavaScript zu verstehen

• Reaktive jQuery für Spaghetti-Code

• Importieren von Nicht-ESM-Bibliotheken in ES-Module mit Vanilla JS

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• Libs & Plugins
  
  • doom-scroller.js - eine unterhaltsame JavaScript-Bibliothek, mit der Sie endloses Scrollen vermeiden können, indem Sie Elemente aus Doom
  
  • mailgo hinzufügen - ein neues Konzept modaler Fenster für Mailto- und Tel-Links
  
  • Perfekte Pfeile - Eine Reihe von Funktionen zum Zeichnen perfekter Pfeile zwischen Punkten und Zahlen.
  
  

Wir entschuldigen uns für mögliche Tippfehler oder fehlerhafte / doppelte Links. Wenn Sie ein Problem bemerken - schreiben Sie bitte persönlich, wir versuchen, es schnell zu beheben.

Digest für die letzte Woche .

Material hergestellt Dersmoll und Alekskorovin .