Verdauung von frischen Materialien aus der Frontend-Welt für die letzte Woche # 427 (3. - 9. August 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

• Podcast "Webstandards" # 241. Neben-Podcasts, Online-Events, Browser-News, Haupt- statt Master- Podcasts , die Empathie suchen

• CSSSR-Podcast: Testen von Vue-Komponenten, Github-Entwicklungs-Roadmap, Angular-, Next.js- und Git-Versionen

• Frontend Yunost (18+) Podcast # 149 : Nagibable schmilzt Gletscher

Web Entwicklung

• Front-End-Entwicklungstechnologien, die Sie möglicherweise nicht bemerkt haben.

• Professionelle Verwendung von Chrome-Entwicklertools: 13 Tipps.

• Webentwicklungshandbuch für Neulinge "The no jargon guide" - Bereitstellen Ihrer ersten Website.

• Emmet 2-Version für Sublime Text

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• CSS Grid ist für alle verständlich.

• Medienabfragen in SCSS - eine weitere bequeme Möglichkeit, den @ media-Bildschirm zu verwenden.

• 6 leistungsstarke CSS-Funktionen, die es ermöglichen, auf JavaScript zu verzichten.

• Schlagschatten: ein unterschätzter CSS-Filter.

• Berechnete Werte: Mehr als man denkt.

• Einfache Lösung für Masonry on CSS Grid mit JavaScript-Fallback

• Ein tieferer Einblick in die Flex-Eigenschaft

• Moderne CSS-Grid-Lösungen für die meisten Layoutprobleme

• Implementierung eines realistischen Seitenumblatts in CSS

• Optimierung von CSS für schnelleres Laden von Seiten

• Ein interaktives CSS-Vokabular

• Mehr Kontrolle über CSS-Rahmen mit Hintergrundbild

• Schriftgröße: 300 kann schädlich sein (und eine mögliche Lösung mit fontconfig)

• Superhelden-Layout - Kombinieren von CSS- Raster- und CSS-Formen

JavaScript

• Meine bevorzugten JavaScript-Tricks

• Knotenmodule im Krieg: Warum CommonJS- und ES-Module nicht zusammenarbeiten können

• RxJS & Firebase 101

• Ankündigung einer neuen Website für TypeScript

• Vergleich der Reaktivitätsmodelle - Reagieren gegen Vue gegen Svelte gegen MobX gegen Solid

• 1Keys - Wie ich ein Klavier in nur 1KB JavaScript gemacht habe

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• Firefox hat begonnen, den Schutz gegen Verfolgungsbewegungen durch Weiterleitungen zu aktivieren.

• New Edge für alle. Microsoft hat die Möglichkeit zur Deinstallation des Browsers unter Windows 10 blockiert.

• Der Marktanteil von Chrome und Edge wächst weiter und Firefox verliert an Popularität

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 .