Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche №443 (23. - 29. November 2020)

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

Medien     |    Webentwicklung     |    CSS     |    JavaScript

Medien

• "News 512" von CSSSR: Browser von innen, auf einen Blick git, bfcache, Electron 11, Skepsis und Web Vitals, TIOBE im November

• Podcast "Web Standards" # 258. Bocoup und Erscheinungsbild, CSS-Verschachtelung, Tabellenanpassung, Browser-Gerät, passen alles in JS

• CSSSR News 512: Chrome 87, Firefox 83, TypeScript 4.1, Arien-Label, HTML-Formulare, CSS-Verläufe, CSSBattle 2020

• JavaScript fwdays'20 Herbst online

• Der Überlauf-Podcast 289: Reagieren, jQuery, Vue: Was ist Ihr Lieblingsgeschmack von Vanille JS?

• ShopTalk # 440: Serverlos, lokale Datenbank, Edge-Funktionen und Verwendung von WordPress Serverless

• Syntax.fm Podcast: Potluck - Frameworks vs Libraries × Debugging × CSS-Module vs Styled Components × Lebensläufe × Stressmanagement × Mehr

Web Entwicklung

• Warum es für Benutzer gut ist, dass HTML, CSS und JS unterschiedliche Sprachen sind.

• Denken Sie wie ein Front-End-Entwickler.

• Entdecken Sie die Funktionen von Details und Zusammenfassungselementen.

• Eine moderne HTML-Starter-Vorlage.

• Ein tiefer Einblick in die Page Lifecycle-API.

• Eine Einführung in GraphQL für Entwickler.

• Zurück zu Die Grundlagen: Erstellen Sie anklickbare Karten in HTML, CSS und JavaScript

• 
  
  • 5 accessibility Chrome DevTools
  
  • NPM 7: ,
  
  • Dev Fonts —
  
  

• 
  
  • Brotli
  
  • Core Vitals
  
  • Layout Shift netlify.com
  
  • , FOUT Lighthouse
  
  • , AVIF
  
  • Lighthouse 96.
  
  

• 
  
  • «Inspirational Websites Roundup #20»
  
  • -
  
  • - Rogier de Boevé’s
  
  • , : ,
  
  • GSAP
  
  

CSS

• Details zur Verwendung der minmax () - CSS-Funktion in Grid-Layouts.

• Zustandsmaschine mit HTML-Kontrollkästchen und CSS.

• Chrome DevTools: Refactoring und Verbesserung von Stylesheets mit dem CSS-Übersichtsfenster.

• 5 CSS- Pseudoelemente, von denen Sie nicht einmal wissen, dass sie existieren Verdacht (laut Autor)

• Zentrale Navigation mit Anpassungsinhalten

• CSS-Framework-Richtlinien

• Schneller CSS-Tipp: So zeigen Sie den Quellcode einfach an

• Erstellen Sie eine CSS-Schaltfläche mit einem Glanzeffekt und sanften Farbänderungen im Laufe der Zeit

JavaScript

• ECMAScript 4: Die Version, die es nicht gab

• Ein detaillierter Blick auf bekannte Symbole

• Marko.js - Frontend von ebay.com

• JavaScript-Dekoratoren von Grund auf neu

• Serverseitiges Rendern in JavaScript: Ein moderner Ansatz

• JavaScript-DOM-Selektoren - Erfahren Sie, wie Sie diese erhalten DOM-Zugriff [Infografik]

• Verwenden Sie console.log () wie ein Profi

• React
  
  • React i18next
  
  • React
  
  • Boop! —
  
  • React workflow JavaScript
  
  • UI c SVG
  
  • React Redux: React Redux
  
  • PageSpeed ​​Insights React
  
  • React
  
  

• Vue
  
  • Vue.js
  
  • Vue (x) + Firebase
  
  • Vue Vue Testing Library
  
  

• Angular
  
  • , , Action Streams Angular
  
  • Angular
  
  • Angular
  
  

• Ember
  
  • Glimmer Snowpack
  
  • Component Primitives Deep Dive
  
  

• Libs & Plugins
  
  • ODIFF - Das weltweit schnellste Tool für Pixeldifferenzen.
  
  • Ich bin bereit - js Bibliothek, um zu überprüfen, ob Bilder oder Videos geladen wurden.
  
  • Suri - Ihr eigener Link-Shortener, der einfach als statische Site bereitgestellt werden kann.
  
  

Digest für die letzte Woche .

Material hergestellt Dersmoll und Alekskorovin .