Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 422 (29. Juni - 5. Juli 2020)

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

Web Entwicklung

• Ein Überblick über die Bildlauftechnologien

• Stoppen Sie das Codieren, lassen Sie uns die Layouts automatisieren.

• Google hat ein Beta-Plugin zum Veröffentlichen von AMP-Storys in WordPress gestartet.

• Die vollständige Anleitung zum Dunkelmodus im Web.

• Dunkle Zeiten der Webentwicklung.

• Hervorheben eines Textfragments: Verknüpfen mit einen bestimmten Text auf einer Webseite und markieren Sie ihn.

• Progressive Web Apps: Ein praktischer Leitfaden

• 
  
  • npm 7 package-lock.json?
  
  • ESLint, Prettier TypeScript
  
  • tooling.report — - ,
  
  • DevTools (Chrome 85)
  
  

• 
  
  • 5
  
  • Browserstack SpeedLab:
  
  • JavaScript- ?
  
  • Core Web Vitals, Addy Osmani
  
  

• 
  
  • 6 ( )
  
  •
  
  

• 
  
  •
  
  • 3D ScrollTrigger
  
  • «UI Interactions & Animations Roundup #8»
  
  

CSS

• TailwindCSS - ein anderes Framework oder ein neuer Evolutionsschritt?

• Vereinfachen Sie Hintergrundbilder mit konischen Verläufen.

• Gestalten Sie Container für Webseiteninhalte.

• Erstellen Sie in 5 Minuten eine einfache Zielseite mit vorgefertigten CSS-Rückenwindblöcken.

• Akkordeonzeilen im CSS-Raster

• Leistung - CSS-Malerei vs. CSS Houdini Paint API

• Benutzerdefinierte Links mithilfe von Subgrid

• Abrufen von CSS-Übersetzungswerten mithilfe von JavaScript

• Ausrichten von Logo-Bildern in CSS

• Dynamische CSS-Importe

• Ausgefallene CSS-Eigenschaften

• Reaktionsschnelle Bilder in variablen Proportionen des Containers

• Wenn die Linie nicht bricht. Informationen zu Optionen zum Implementieren der erzwungenen Silbentrennung in Listen

• Neu in Chrome: CSS-Übersicht

• Wenn Sass und neue CSS-Funktionen kollidieren

• Eine vollständige Anleitung zu CSS-Medienabfragen

JavaScript

• Faules Ladegerät in gängigen Front-End-Frameworks.

• So erhalten Sie Bildschirm-, Fenster- und Webseitengrößen in JavaScript.

• Auf abwärtskompatiblen Beinen arbeiten - JS für die erforderlichen Browser kompilieren.

• Tupel in JS / ES und TypeScript im Jahr 2020

• Warum der Vanille-Ansatz JavaScript first "ist möglicherweise NICHT die beste Wahl.

• Ein technischer Leitfaden für SEO mit Gatsby.js.

• Ihr Blog benötigt kein JavaScript-Framework.

• Lernen regulärer Ausdrücke: Ein Leitfaden für Anfänger

• 
  
  • ?
  
  • Var, let const?
  
  • double-bang (!!) , JavaScript /
  
  • JavaScript
  
  

• 
  
  • Node 14
  
  • React Web SpeechRecognition API
  
  

• React
  
  • , React,
  
  • React React Testing Library
  
  •
  
  • Typed React Component
  
  • Push- Firebase React
  
  • Server Side Rendering React App Deno
  
  • React
  
  

• Vue
  
  • localStorage Vue
  
  • Vue Demi — , Universal Vue Vue 2 3
  
  • Nuxt Content
  
  • 9 Vue JS ,
  
  • Vue 3: 2020
  
  • Vue
  
  

• Angular
  
  • Angular 10
  
  • Angular Dependency Injection:
  
  • Angular resolvers
  
  • Angular 10
  
  • Angular
  
  

• Svelte
  
  • Aufbau eines Benachrichtigungszentrums mit Svelte
  
  

• Libs & Plugins
  
  • Emoji-Picker-Element - Ein einfacher Emoji-Picker, der als Webkomponente verteilt wird.
  
  • Parallaxeeffekt: Der Parallaxeneffekt in Javascript mithilfe der Gesichtsverfolgung kann zur Verbesserung von 3D-Szenen verwendet werden
  
  

Browser

• Firefox 78-Version

• Firefox 78 , technische Details für Entwickler

• Neues Chromium-basiertes Edge wird mit erzwungenen Betriebssystemupdates vertrieben und ist aufdringlich.

• Google Chrome hat seinen eigenen Rekord gebrochen und Windows 10 wächst weiter

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 .