Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 326 (6-12 août 2018)

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

---

Médias

• Podcast "Web Standards", numéro 133: nouveautés de Chrome 69, sémantique de lecture, CSS sans cascade et Houdini, API d'accessibilité, burnout.
• Podcast Frontend Weekend # 65 - Igor Sheko explique comment devenir un chef d'équipe prometteur à partir d'une startup en série
• CSSSR Podcast News 512 - Numéro 18 (08/06 - 08/12)
• "Devshahta podcast": # 45 - Quand le front-end devient un devops
• Podcast «Frontend Youth (18+)» # 60: Sergey Berezhnoy: Fractal Life , # 59: Parlez de Javascript

Développement Web

• Nous utilisons AMP comme une bibliothèque polyvalente pour créer des sites dynamiques rapides
• Icon Fonts vs SVGs - lesquels dois-je utiliser en 2018?
• «Filtres SVG: le cours intensif » - Intensif par Sara Soueidan
• Google AMP - Perte de 70% de notre conversion
• Comment créer un joli petit paquet npm et le publier
• webhint: un outil pour une analyse complète du site avec des suggestions pour l'améliorer (anciennement sonarwhal)

• Performances:
  • Réduire la charge JavaScript avec la division du code
  • Rapports de performances personnalisés à l'aide du panneau CrUX
  • L'étape du rendu de la page par le navigateur et la réflexion sur les performances Web
  

• Accessibilité:
  • Prendre soin de l'accessibilité des formulaires Web
  • Accessibilité en deux dimensions pour les cartes et les systèmes de navigation Web
  • Rendre les sites Web omniprésents les rend moins accessibles.
  

• Animation:
  • Animations du menu à points
  • Curseur Westworld
  

CSS

• Nouvelles mises à jour des brouillons CSS: débordement de niveau 3, disposition des lignes de niveau 3, grilles de niveau 2
• Recadrage à hauteur de ligne - une formule CSS simple pour éliminer la marge supérieure du texte
• Connaissance des valeurs initiales dans votre CSS
• Modifier automatiquement la couleur du texte pour divers arrière-plans à l'aide de variables CSS
• Techniques de masquage CSS
• Création du système CSS «parfait»
• Disposition des grilles CSS: multiplier et conquérir - ou comment réellement travailler avec des grilles
• Modifications de la disposition de la grille CSS en pourcentage et en hauteur indéfinie
• N'écrivez pas CSS - personnalisez-le avec tailwind

Javascript

• Mot-clé JavaScript pour débutants
• Fonctionnement de JS: éléments personnalisés
• Comparaison de React et Vue sur un exemple pratique
• [signet] 23 recommandations pour protéger les applications Node.js
• 7 recommandations pour le code JavaScript
• Comment gérer les effets secondaires sales dans votre JavaScript purement fonctionnel
• Correction des problèmes de portée variable dans ECMAScript 6
• Chris Coyer sur la création d'une navigation collante qui surveille le défilement des pages
• Guide des expressions régulières JavaScript
• Divisez et conquérez! Chargement paresseux pour votre SPA

• Angulaire:
  • Référence CLI angulaire
  • Angular 6 - Création de configurations Webpack à partir de zéro
  • Modèle PRPL pour les applications Web progressives utilisant Angular 6+
  • Animation de composants dynamiques dans Angular
  • Création d'animations réutilisables dans Angular
  • 15 astuces et conseils de performance en angulaire
  • Angular Console - interface utilisateur pour Angular CLI
  • 10 fonctionnalités angulaires utiles dont vous n'avez peut-être pas entendu parler
  

• VueJS:
  • Vue CLI 3.0 est là!
  • Accélérer le développement avec le prototype de Vue
  • Création d'une directive de clic long dans Vue
  

• Réagissez:
  • Obtention de données dans les applications Redux - 100% bonne approche
  • mauerwerk - disposition de la grille de style maçonnerie sur react
  • Le modèle des accessoires de rendu de React - un enfant en tant que fonction
  

• Libs et plugins:
  • Pts - bibliothèque dactylographiée / javascript pour la visualisation et le codage créatif
  • lazyestload.js - télécharge des images uniquement si elles apparaissent dans la fenêtre, seulement 350 octets de code js
  • SuperSlide.js - Un menu de diapositives flexible et fluide pour votre prochain PWA
  • Fractionnement - micro-bibliothèque JavaScript avec une collection de petits plug-ins conçus pour diviser les chaînes en entités plus petites - mots, caractères et autres options
  

Navigateurs

• Firefox a commencé à tester un système de recommandation de contenu basé sur l'activité des utilisateurs
• Opera intègre un portefeuille crypto dans la version de bureau de son navigateur
• Nouvelle expérience Mozilla: extension Firefox Advance qui analyse l'historique de l'activité du réseau pour sélectionner des sites et articles potentiellement intéressants
• Chrome 69 Beta: de nombreuses améliorations CSS et plus encore

Divertissant

• Comment choisir une police pour les médias
• «Chemin du retour - non»: dans Android 9.0 Pie, Google a privé les utilisateurs de la possibilité de revenir aux anciennes versions du système d'exploitation
• Mise à jour du langage Dart 2.0 publiée, alternative à JavaScript de Google
• Le réseau neuronal a appris à créer un portrait d'une personne selon la description textuelle
• Comment la Chine a grandi une génération qui ne connaît pas Google, Facebook et Twitter
• Choses drôles et effrayantes. Rappelez-vous les hacks IoT les plus spectaculaires de ces dernières années
A.

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