Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 397 (6-12 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.

Médias | Développement Web | CSS | Javascript | Navigateurs

Médias

• Podcast "Normes Web" n ° 212. Firefox 72, Shadow Parts, nouveaux formulaires, techniciens de service, maçonnerie, modèle mental JS
• Podcast Frontend Youth (18+) # 121: De quoi JavaScript est fait
• UnderJS Podcast # 13 - Andrey Sitnik sur Logux, PostCSS et le front humain [Tube]
• CSSSR Podcast News 512 - Espaces du Nouvel An
• Podcast CSSSR, Argumentarium - Reatom, Redux et Effector
• pro Conf # 44 [Special] MEILLEURS RAPPORTS 2019

Développement Web

• Premiers pas avec les tests frontaux
• Rapport de sécurité NPM 2019
• Espaces réservés aux images simples à l'aide de SVG
• Pourquoi choisir <article> au lieu de <section> en HTML5

• Performances
  • Chargement de page rapide sur les téléphones bon marché les plus simples
  • Comment Google prend-il en compte les performances des pages Web lors du classement des résultats de recherche?
  • Liste de contrôle des performances frontales 2020 [PDF, Pages Apple, MS Word]
  • Réduire le chargement HTML avec les techniciens de maintenance
  • Année de performance Web: 2019
  • Budgets de performance pragmatiques
  • Ce que j'ai appris en optimisant notre temps de construction
  

• Les effets
  • Une sélection de démos créatives "Awesome Demos Roundup # 12"
  • Comment animer une signature SVG
  • Un jeu avec projection de texture dans Three.js
  

CSS

• Pose de tuiles efficacement (Pro CSS, SVG, motif et plus)
• Propriétés de largeur / hauteur Min et Max en CSS
• Norme CSS pour la disposition de la maçonnerie: de l'idée aux premiers développements concrets
• préfère le jeu de couleurs: CSS Media Query
• Comment combiner des éléments en CSS
• Déplacement (ou non) avec CSS Motion Path
• Carrousel CSS
• Curseurs multiposition: cas général , cas à deux positions
• Utiliser les isings non seulement pour les transitions CSS
• Comprendre la grille CSS: Grid Lines
• 7 propriétés CSS que vous ne connaissiez pas
• 13 façons de se centrer verticalement en 2020
• Masquer des éléments sur le Web

Javascript

• Ce qui sera ajouté à JavaScript en 2020
• Les fenêtres modales que nous méritons
• JavaScript Rising Stars 2019
• Combien paient les développeurs JavaScript en 2020
• Comment convertir votre projet en TypeScript à votre rythme
• Hopa - CLI sans configuration, exécutant JavaScript et TypeScript

• Théorie
  • Cinq façons intéressantes d'utiliser Array.reduce () (et une façon ennuyeuse)
  • Réactivité du cadre Web (partie 1)
  • Comprendre Async Await
  • JavaScript et window.postMessage ()
  • NaN en JavaScript
  

• Réagir
  • Beautiful React Hooks - Une collection de crochets React magnifiques et (espérons-le) utiles pour accélérer le développement de vos composants et crochets.
  • Démystifier le mythe: accessibilité et réaction
  • De l'appli create-react à PWA
  • Nouvelle documentation Next.js
  • ipod-classic-js - iPod Classic créé à l'aide de React Hooks, TypeScript et GraphQL
  • craft.js - React Framework pour créer des éditeurs de pages extensibles par glisser-déposer
  

• Vue
  • 5 choses que vous pouvez faire pour préparer Vue 3.0
  • Vue pour le plus petit aka petit blog sur tous les canons
  • Utilisation d'IndexedDB avec Vue.js
  • Annonce Villus - un petit client GraphQL rapide pour Vue.js
  • Gestion des événements avec Vue.js
  • Aventures avec Vue Render
  • Un guide complet pour créer un site multilingue complet sur Nuxt.js
  • vue-kinesis - Composants Vue.js faciles à utiliser pour créer des animations interactives
  

• Angulaire
  • Les meilleures nouvelles fonctionnalités d'Angular 9
  • Guide pratique de l'angulaire: liaison de données et directive
  • Comment créer et déployer une application Angular Material
  • Scully, le premier générateur de site statique pour Angular
  

• Ember
  • The Ember Times - Numéro 130
  • 6 conseils pour passer aux modules CSS dans Ember
  

Navigateurs

• Sortie de Firefox 72
• Détails du développeur Firefox 72
• Chrome, après Firefox, ajoutera une protection contre les notifications ennuyeuses
• Mozilla teste le système de commande vocale Firefox Voice
• Les rumeurs de la mort d'Internet Explorer sont largement exagérées. Windows 10 établit un record de compatibilité
• Firefox 72 - Notre première chanson de 2020
• La fin des navigateurs Web indépendants: vous (ne pouvez pas) rivaliser
• Pourquoi était-il temps pour vous d'abandonner le support d'IE ...

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 .