Digest de matériaux frais du monde frontal pour la semaine dernière # 436 (5-11 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     |    Navigateurs

Médias

• Podcast CSSSR: Grille CSS dans Chrome DevTools 87, Microservices, Astuces TypeScript, Spamtoberfest, VS Code Era

• Podcast sur les standards Web # 250. Edge in VS Code, Grid Inspector, Gaps and Flexes, Math in CSS, Hacktoberfest, Open Source

• Podcast «Frontend Youth» # 159: SOLID vs SOLOD

développement web

• Création d'un favicon pour le site 2020

• Utilisation d'une politique de sécurité du contenu (CSP) pour protéger les applications Web

• Extension de la responsabilité des développeurs frontaux

• Le Web n'a pas été conçu pour la confidentialité, mais il pourrait

• Votre application à page unique est maintenant un polyfill

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• Variables CSS 101: Un guide complet des variables CSS avec des exemples

• Animation de compteurs avec CSS

• : le focus visible est ici

• Une élégante solution CSS Grid pour les mises en page avec un contenu centré interrompu par une boîte pleine largeur

• Guide de formulaire HTML / CSS (sans hacks)

• Bons exemples de transformations 3D en CSS

• Créer un navigateur multimédia réactif avec CSS

• Équilibrer l'axe avec Flexbox

• Bizarre mais fonctionnel Flex: graphiques interactifs avec Flexbox

• clamp () pour un design réactif

JavaScript

• Bonnes pratiques pour la gestion des erreurs dans JavaScript moderne

• Cadre Javascript pour le développement d'applications d'entreprise

• Gestion des demandes de plage dans un service worker

• Comment travailler avec un élément multi- sélection dans vanilla JS

• Comment créer un bouton de défilement discret

• Qu'y a-t-il dans le futur pour JavaScript?

• Ce que j'admire à propos de TypeScript 4.0

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs & Plugins
  
  • ZzFXM - Petit générateur de musique JavaScipt
  
  • meta-fetcher: petit analyseur de méta-données pour une URL donnée
  
  • spotify-api - un wrapper rapide pour interagir avec l'api spotify
  
  

Navigateurs

• Chrome a commencé l'activation d'IETF QUIC et HTTP / 3

• Version de Chrome 86

• Google Chrome reste le navigateur le plus populaire en Chine

• Microsoft a révélé pourquoi les navigateurs de Windows 10 créent autant de processus

• Microsoft a annoncé de nouvelles fonctionnalités pour Microsoft Edge

• Historique du navigateur Web



← Digest la semaine dernière

Matériel préparé dersmoll et alekskorovin