Digest de matériaux frais du monde frontal pour la semaine dernière # 437 (12-18 octobre 2020)

Nous portons à votre attention une sélection avec des liens vers de nouveaux matériaux de la zone frontale et autour d'elle.

Médias     |    Développement Web     |    CSS     |    JavaScript

Médias

• Podcast "Web Standards" # 251. Chrome 86, Safari et Firefox, le début du kit d'interface utilisateur, SSR et Next.js, à propos des marathons Zara et JS

• Podcast «Make Me Beautiful» Numéro 45: 18+ Cool Front End Stories

• CSSSR Podcast: Webpack 5 et module Federation, Chrome 86, npm 7, Event Loop & Call Stack, Python 3.9, matériaux a11y

développement web

• Nous créons des applications Web dans un souci d'économie - mais ce chemin nous conduit dans l'obscurité

• Mode sombre: Bonjour l'obscurité, mon vieil ami

• De HTTP à HTTP 3 - l'Internet du futur

• 11 astuces frontales que de nombreux développeurs frontaux ne connaissent pas

• Web Composants: Le guide complet

• Comment la communication en temps réel est construite avec Socket.io et Node.js

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• Variables CSS - Cours Young Fighter

• 10 mises en page modernes en une seule ligne de CSS

• CSS-in-TS avancé

• Choisir une mise en page CSS - Grille ou Flexbox?

• - -var:; hack pour basculer plusieurs valeurs avec une seule propriété personnalisée

• Taille de police réactive en utilisant CSS vanille

• Améliorations des propriétés booléennes avec des raccourcis

• L'astuce: focus visible

• Une sélection de 20 chargeurs animés en CSS pur

• min (), max () et clamp (): trois fonctions CSS booléennes à utiliser aujourd'hui

• Layoutit Grid: Explorez visuellement la grille CSS avec un générateur

• Nouvelle fonction d'image CSS ()

• Suivi des utilisateurs avec CSS

JavaScript

• WorkBox: votre boîte à outils dans le monde des travailleurs de service

• Qu'est-ce que WeakSet en JavaScript et comment fonctionne-t-il

• Pourquoi utiliser Top-level Await en JavaScript?

• Premiers pas avec JavaScript moderne - Proxy

• Le voyage vers les performances de rendu isomorphe

• JavaScript orienté objet: un peu de pratique

• Documenter vos projets TypeScript: Options

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Libs & Plugins
  
  • Plateforme pratique pour la sélection de bibliothèques et de frameworks JavaScript - openbase
  
  • Detect GPU - Détecte les GPU en fonction de leurs résultats dans les tests de performances de rendu 3D, ce qui permet au développeur de fournir des paramètres par défaut raisonnables pour les applications graphiques intensives.
  
  • dragmove.js - Une minuscule bibliothèque Javascript pour glisser-déposer des éléments dans le DOM
  
  • Premiers pas avec Malina.js
  
  • 3 raisons d'utiliser moins de bibliothèques JavaScript
  
  

Digest de la semaine dernière .

Matériel préparé dersmoll et alekskorovin .