Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 398 (13-19 janvier 2020)

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

Développement Web | CSS | Javascript | Navigateurs

Développement Web

• 32 conseils pour un développeur web qui veut se dépasser au-dessus de lui en 2020
• Développeur Font Released JetBrains Mono
• Nouveaux formats de micro-mise en page Google pour 2019
• Naviguer sur le Web avec une manette de jeu
• Résolution d'un élément de section
• Articles éternels pour les développeurs Web

• Les outils
  • Apprenez à tester de bout en bout avec Puppeteer
  • Tiny helpers - Une collection d'outils en ligne gratuits pour les développeurs Web
  • Test de régression visuelle de votre site avec BackstopJS
  • Laissez les outils faire le choix
  

• Performances
  • Quatre autres moyens non standard pour accélérer le chargement des pages du site
  • «Meilleures» mesures de performance? Commencez avec ces six
  • L'optimisation de vos images n'a pas amélioré votre temps de téléchargement? Voilà pourquoi
  • Performances Web: 11 conseils essentiels pour accélérer votre site
  

• La disponibilité
  • Disponibilité de la version numérique de la BBC 2019
  • Conformité à l'accessibilité du Web et droit de l'UE
  

• Les effets
  • Technique de mise en page pliante 3D pour les éléments HTML
  • Comment faire de l'animation sur le Web avec greensock
  

CSS

• Alors, quand est-il encore possible d'utiliser! Important?
• Effet de clic de style de conception de matériau avec des événements de pointeur et des propriétés personnalisées CSS
• Vaut-il la peine d'héberger des polices Google à la maison?
• Concevoir des options de style pour les composants Web
• CSS4 est là!
• Comment utiliser le sélecteur de pseudo-classe: racine en CSS
• Ajout de séparateurs aux présentations CSS-in-JS

Javascript

• JavaScript et HTML vanille. Aucun cadre. Pas de bibliothèques. Pas de problème
• Environ 30 fois plus de concurrence dans Node.js
• Regroupement et performances JavaScript: meilleures pratiques

• Théorie
  • Erreurs courantes lors de l'utilisation de promesses en JavaScript que tout le monde devrait connaître (traduction)
  • Code propre pour TypeScript - Partie 1
  • 15 méthodes JavaScript pour travailler avec des tableaux que vous devez connaître en 2020
  • 9 façons de travailler avec des objets en JavaScript en 2020
  • Points importants lors de l'utilisation de tableaux et d'objets dans le cadre de l'interaction avec l'API REST
  • Chaînage facultatif, coalescence nulle et comment ils vont changer la façon dont le code est écrit
  

• Réagir
  • Nouvelle interface Odnoklassniki: lancement de React en Java. Partie I
  • Meilleures fonctionnalités de la nouvelle application React 3.3
  • Introduction à l'API React Context
  • Visualiseur React-Spring
  • Réagissez avec TypeScript: Meilleures pratiques
  • Titre de page disponible dans une seule page Application React
  • Version de Next.js 9.2
  • 10 pratiques dans VSCode pour accélérer le développement de React
  • Tutoriel sur les références React: useRef et createRef
  • Comment créer des applications React VR
  • 10 façons d'optimiser les performances de votre application React
  

• Vue
  • Utilisation de tailwindcss avec Vue.js
  • Vue + Apollo: Abstractions qui fuient
  • Création d'un composant récursif sur Vue.js
  • Kit de développement de composants Vue v0.4.0
  • 12 Meilleures pratiques Vue.js pour les développeurs professionnels
  • Comment ajouter une entrée de saisie semi-automatique à votre application Vue.js
  

• Angulaire
  • 6 façons de se désabonner des observables en angulaire
  • Angulaire: comment prendre en charge IE11
  • Angulaire à partir de 2020
  • Nous écrivons notre stratégie de défilement virtuel depuis Angular CDK
  

• Svelte
  • Comment apprendre à utiliser Svelte pour votre prochain projet JS
  • Tout ce que vous devez savoir pour commencer à écrire des composants de fichier unique Svelte
  

Navigateurs

• En pleine restructuration, 70 employés licenciés de Mozilla
• Google a l'intention de cesser de prendre en charge les cookies tiers dans Chrome jusqu'en 2022
• Comment installer des extensions pour Google Chrome dans le nouveau Microsoft Edge
• Chrome, après Safari et Firefox, commencera également à bloquer les cookies tiers, mais pas immédiatement
• Microsoft prendra en charge Edge pour Windows 7 pendant au moins 18 mois
• Les développeurs de Chromium ont proposé d'unifier et d'expirer l'en-tête User-Agent
• Chrome prévoit de désactiver les cookies tiers sur les sites pendant deux ans
• Mettre à niveau vers le nouveau Microsoft Edge
• Comme nous l'avons fait image dans l'image dans Firefox Desktop pour plus de contrôle sur la vidéo

Nous nous excusons pour toute faute de frappe ou lien rompu / dupliqué. Si vous remarquez un problème - veuillez écrire dans un e-mail personnel, nous essayons de le résoudre rapidement.

Digeste de la semaine dernière .
Matériel préparé par dersmoll et alekskorovin .