Digest de matériaux frais du monde frontal pour la semaine dernière # 463 (12 - 18 avril 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

• "News 512" du CSSSR: Chrome 90, Deno 1.9, analyse des performances JS, compilateurs, mise en page des e-mails, pnpm 6, ESLint 7.24.0

• Podcast "proConf" # 92: GatsbyConf 2021

• Podcast "Make me beautiful" # 60 - Le seul frontend qui pond des œufs

• Podcast "Frontend Yunost" # 183: Le chemin d'une idée vers un projet OpenSource populaire

• Podcast "Comment ça va?" Problème n ° 2: Chefs d'équipe, chefs de projet, testeurs - Qui sont ces personnes?

développement web

• Attributs HTML peu connus mais sympas

• Microfrontends: Divisez pour conquérir

• Un guide complet pour créer des modèles d' e-mails HTML

• Accessibilité pratique Partie 2: Donnez un nom à (presque) tout

• Actualités de la plateforme: Utilisation: focus visible, la nouvelle BBC Déclarative Shadow DOM, A11Y et espaces réservés

• Lent et prudent: Conversion de l' intégralité de l'interface Sentry en TypeScript

• Les tensions entre Wix et WordPress augmentent

• 
  
  • Parcel Snowpack —
  
  •
  
  • natto.dev — JavaScript-
  
  • Frontend Toolkit — -
  
  

• 
  
  • Cumulative Layout Shift
  
  • WebAssembly ?
  
  • JavaScript DevTools
  
  • CSS CSS-in-JS
  
  

• 
  
  • 2D- Matter.js Paper.js
  
  • Meta GSAP: «»
  
  

CSS

• Polices non standard: comment se connecter et optimiser

• Quels générateurs CSS peuvent être utilisés en 2021

• Variables CSS personnalisées, inversion de couleur et création de thème sombre en 5 minutes

• CSS: travailler avec du texte sur les images

• Tailwind CSS: à utiliser, ou ne pas utiliser?

• Interface utilisateur Tailwind: maintenant avec le support React + Vue

• Problèmes de débordement dans CSS

• Comment créer des styles avec l'API plein écran

• Dites bonjour aux requêtes de conteneur CSS

• CSS est un langage fortement typé

• Un guide du débutant sur les nouveaux utilitaires de Bootstrap 5

• Utilisez Reseter.css au lieu de Normalize et Reset.css. Pour améliorer la compatibilité entre navigateurs.

JavaScript

• sécurité de type JavaScript: Flow et tapuscrit

• Travailler avec les dates et les fuseaux horaires en JavaScript

• Redimensionnement des images en fonction du contexte avec JavaScript

• Travailler avec des chaînes en JavaScript modernes

• générateurs JavaScript: async / Attendent supérieure

• Une approche différente de l' architecture frontend

• React
  
  • React, Preact, Inferno
  
  • React: . JavaScript
  
  • The next big thing! React Query server-state data management
  
  • React Router Hooks: ,
  
  • React
  
  • Redux
  
  • Remotion: React.
  
  • 5 , React
  
  

• Vue
  
  • Nuxt.js, Node Express
  
  • Vue Vue 3
  
  • provide/inject Vue.js 3 Composition API
  
  • , React- Vue
  
  

• Angular
  
  • LocalStorage, SessionStorage Cookies.
  
  • Angular CSS
  
  

• Libs & Plugins
  
  • lazyfill —
  
  

• Hors Chrome 90

• L' activation de HTTP / 3 dans Firefox est prévue pour la fin mai

• Dans Firefox 90 sera supprimé le code qui prend en charge le FTP

• Les développeurs Vivaldi et Brave ont refusé d'utiliser FLoC de Google, pour remplacer le tiers par un cookie

• Microsoft Edge est désormais un "mode enfant" spécial

• Firefox Nightly et Beta supportent désormais QUIC et HTTP / 3

• WebKit: Présentation de CSS Grid Inspector



Digest de la semaine dernière .

Matériel préparé par Dersmoll et alekskorovin .