Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 436 (5. - 11. Oktober 2020)

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

Medien     |    Webentwicklung     |    CSS     |    JavaScript     |    Browser

Medien

• CSSSR-Podcast: CSS-Raster in Chrome DevTools 87, Microservices, TypeScript-Tricks, Spamtoberfest, VS-Code-Ära

• Webstandards- Podcast Nr. 250. Edge in VS Code, Grid Inspector, Lücken und Flexes, Mathe in CSS, Hacktoberfest, Open Source

• Podcast "Frontend Youth" # 159: SOLID vs SOLOD

Web Entwicklung

• Erstellen eines Favicons für die 2020-Site

• Verwenden einer Content Security Policy (CSP) zum Schutz von Webanwendungen

• Erweitern der Verantwortung von Front-End-Entwicklern

• Das Web wurde nicht für den Datenschutz erstellt, könnte es aber

• Ihre Einzelseitenanwendung ist jetzt eine Polyfüllung

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• CSS-Variablen 101: Eine umfassende Anleitung zu CSS-Variablen mit Beispielen

• Animieren von Zählern mit CSS

• : Fokus sichtbar ist hier

• Eine elegante CSS-Grid-Lösung für Layouts mit zentriertem Inhalt, die durch ein Feld voller Breite unterbrochen werden

• HTML / CSS- Formularhandbuch (ohne Hacks)

• Schöne Beispiele für 3D-Transformationen in CSS

• Erstellen Sie einen reaktionsschnellen Medienbrowser mit CSS

• Balancieren Sie die Achse mit Flexbox

• Seltsamer, aber funktionierender Flex: Interaktive Diagramme mit Flexbox

• clamp () für reaktionsschnelles Design

JavaScript

• Best Practices für die Fehlerbehandlung in modernem JavaScript

• Javascript-Framework für die Entwicklung von Geschäftsanwendungen

• Behandlung von Bereichsanforderungen in einem Servicemitarbeiter

• Arbeiten mit einem Mehrfachauswahlelement in Vanilla JS

• Erstellen einer unauffälligen Bildlaufschaltfläche

• Wie sieht die Zukunft für JavaScript aus?

• Was ich an TypeScript 4.0 bewundere

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Bibliotheken und Plugins
  
  • ZzFXM - Winziger JavaScipt -Musikgenerator
  
  • Meta-Fetcher: winziger Metadaten-Parser für die angegebene URL
  
  • spotify-api - ein schneller Wrapper für die Interaktion mit spotify-API
  
  

Browser

• Chrome hat mit der Aktivierung von IETF QUIC und HTTP / 3 begonnen.

• Chrome 86-Version.

• Google Chrome ist nach wie vor der beliebteste Browser in China.

• Microsoft hat bekannt gegeben, warum Browser in Windows 10 so viele Prozesse erstellen.

• Microsoft hat neue Funktionen für Microsoft Edge angekündigt.

• Webbrowser-Verlauf



← Digest letzte Woche

Material vorbereitet Dersmoll und Alekskorovin