Résumé des matériaux frais du monde frontal pour la semaine dernière # 467 (10 - 16 mai 2021)

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     |    Navigateurs

Médias

• Podcast "Web Standards" n ° 281. SpiderMonkey 25 ans, Safari TP, Bootstrap 5, GitHub, préfixes, monoreps et votre propre git dans Yandex

• Podcast Frontend Yunost # 186. Repassez la toile. L'invité est le créateur et rédacteur en chef du Smashing Magazine Vitaly Fridman.

• Cassette vidéo «Front-end. Questions d'entretien "# 2

• June a-t-elle besoin d'un code parfait: une interview avec Vadim Makeev

• Le podcast" Comment ça va? " Numéro 4: d'un philologue japonais à un frontend indépendant

développement web

• Des interfaces solides: surveillance

• Enregistrement d'un gestionnaire de protocole URL pour PWA

• Différences entre WebSockets et Socket.IO

• Aller à "Meta GSAP": Trouver le défilement infini "parfait"

• Performance
  
  • Optimisation de Core Web Vitals: Stratégies de base
  
  • Comment mesurer la vitesse du site à l'aide de l'API Performance
  
  • Optimisation de Web Vitals à l'aide de Lighthouse
  
  

• 
  
  • toggle
  
  • ? ? [ ]
  
  •
  
  • 7 Winn-Dixie ADA (2021 .)
  
  • Logical Content Flow — - Logical Content Flow
  
  

CSS

• Identifier les appareils à écran tactile CSS pur

• La couronne de l'évolution de CSS-in-JS est ici: styles entièrement typés sans runtime dans vanilla-extract

• Comparaison des performances CSS et CSS-in-JS dans le monde réel

• Outils d'audit CSS

• "Parent selector": has () - en réalité!

• Requêtes de conteneur
  
  • CSS de nouvelle génération: @container
  
  • Introduction aux requêtes de conteneur CSS
  
  • Décoration au niveau des composants avec des requêtes de conteneur CSS
  
  • Prise en charge (non) inconnue. Ajout de la validation de requête de conteneur à CSS avec @support
  
  

• Conception pour la lecture: astuces pour optimiser le contenu pour les modes de lecture et les applications de lecture

• Animation CSS avancée à l'aide de Cubic-Bezier ()

• Rapport hauteur / largeur et grille

• Création de drapeaux de fonctionnalité de feuille de style à l' aide de Sass! Par défaut

• ScrollSpy à défilement lisse et collant Navigation avec CSS à fond fixe

• Un aperçu de CSS Tailwind

JavaScript

• Le suivi et la visualisation de la position de l'ISS à l' aide de 30 lignes de code JavaScript

• Fiche Cheat sur les méthodes JS pour travailler avec les DOM

• Modèles d'initialisation paresseuse des propriétés de l' objet en JavaScript

• J'edit'e Grafar - une bibliothèque JS pour la visualisation

• 7 étapes JavaScript sécurisé en 2021

• Javascript moderne: tout ce que vous avez manqué au cours des 10 dernières années (ECMAScript 2020)

• Créez Tetris avec JavaScript moderne

• Typescript
  
  • , 2021 TypeScript, JavaScript
  
  • DRY TypeScript
  
  • TypeScript:
  
  

• React
  
  • React, TypeScript TDD
  
  • React Hooks
  
  • React Virtual DOM
  
  • Debounce Throttle React
  
  • React
  
  • React
  
  • VR React 360
  
  • React- 2021
  
  

• Vue
  
  • Vue.js : -
  
  • Vuex, the Official Vue.js Store
  
  • Vue Router:
  
  

• Angular
  
  • Angular @taiga-ui/cdk: 5
  
  • , Angular 12, Nx 12.3
  
  • RxJS Angular: If/Else
  
  • Angular Forms:
  
  • Angular
  
  

• Ember
  
  • Emberjs 3.2x Storybook.js 2021
  
  • Tailwind css 2.0 + EmberJs 3.2+ 2021
  
  

• Svelte
  
  • Svelte
  
  

• Utilisation de gestionnaires de protocoles personnalisés pour le suivi de plusieurs navigateurs dans Tor, Safari, Chrome et Firefox

• Identification par l'analyse des gestionnaires de protocoles externes dans Browser



Digest au cours de la semaine dernière.

Matériel préparé dersmoll et alekskorovin .