Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 446 (14. - 20. Dezember 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

• "News 512" von CSSSR: Firefox 84, "Frontend-2021" von Tinkoff, Sicherheitsversionen von Node.js, Deno 1.6, MDN Web DNA 2020

• Podcast "Mach mich schön" # 52 - Tippfehler auf 200.000 Websites drucken

• Podcast-Frontend Yunost (18+) # 166: Der gesamte JavaScript-Verlauf in 100 Minuten

• Webstandard-Podcast # 260: Web-Almanach 2020, Safari TP, PWA, EStimate, Download auf Anfrage, Houdini, Squoosh 2 und CLI

• Front -end 2021 Roadmap & Trends | Was soll man 2021 unterrichten?

• Immer mehr Frontend - Berichte von UMoneyDay

• Chrome Developer Summit 2020

• Chrome Dev Summit Russland 2020 erweitert

• Höhepunkte des Chrome Dev Summit 2020

Web Entwicklung

• Front-End-2021: Trends, wie wir sie sehen

• Was ein Front-End-Benutzer über UX wissen sollte und warum er in diese Richtung pumpen sollte

• SEO-Checkliste (PDF)

• Grundlagen des Zwischenspeicherns von Webanwendungen

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• Entfernen Offsets im Layout - Overlay in CSS Grid

• CSS Scroll Snap - ein leistungsfähiges Werkzeug für die Erstellung von rollbaren Container ohne JavaScript

• CSS Wertverarbeitung

• AnimXYZ - eine Komponentenbibliothek für CSS - Animationen , die in jedem Rahmen leicht eingebettet werden können

• CSS - Eigenschaften für Punkttransformationen

• kurze Bearbeitungs und lange Inhalte in CSS

• Schriftarten in HTML-E - Mails

• Sichtbarkeit von Inhalten und zugängliche Semantik

• Formatierung von console.log () mit CSS formatieren

• Zentrieren in CSS

• Erstellen von reaktionsschnellen Seiten und Farbthemen mit minimalem CSS

• Klebrige Elemente in Kombination mit CSS-Raster

JavaScript

• Was ist neu in ES2021 / ES12?

• Module in JavaScript.

• Iterables und Iteratoren: Eine ausführliche Anleitung zu JavaScript.

• Rekursion in eine Schleife verwandeln.

• Die Destrukturierungssyntax in JavaScript verstehen.

• Wie ein Entwickler AirDrop nur mit JavaScript neu erstellt hat.

• Rust Tutorial: Eine Einführung in Rust für JavaScript-Entwickler

• JavaScript: Bedingtes JS, das nur bei Bedarf geladen wird

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Firefox 84-Version

• Firefox 85 verfügt über einen zusätzlichen Tracking-Schutz basierend auf der Netzwerksegmentierung.

• In Firefox, Chrome, Edge und Safari ist das Zertifikat zum Abfangen des Datenverkehrs in Kasachstan blockiert.

• Der neue Microsoft-Kennwortmanager synchronisiert Daten zwischen Edge, Chrome, iOS und Android

• Avast hat 28 bösartige Erweiterungen für Chrome und Edge gefunden, die persönliche Daten von Benutzern stehlen.

• Microsoft hat



letzte Woche den Edge-Browser für Apple-Computer veröffentlicht, der auf dem M1-Chip Digest basiert .

Material hergestellt von dersmollund Alekskorovin .