Frontend Weekly Digest (25 février - 3 mars 2019)

Cette semaine, nous publions une très grande sélection de toutes les nouvelles essentielles que vous pourriez avoir manquées sur le développement Front-end. Assurez-vous de vérifier les dernières mises à jour sur CSS, HTML et JavaScript.

Développement Web | CSS | Javascript

---

Développement Web

• Portfolio Rework Part 1: Animation, Micro interaction et SVG
• Générateurs de sites statiques: guide du débutant

• Accessibilité:
  • Quand un bouton n'est-il pas un bouton?
  • L'accessibilité n'est pas un «problème de réaction»
  • Guide d'accessibilité Web - Une collection organisée de conseils, astuces et meilleures pratiques en matière d'accessibilité Web.
  • ARIA Authoring Practices on Accessible Date Pickers
  • Une analyse d'accessibilité des 1 000 000 premières pages d'accueil
  • Utilisation de l'intelligence artificielle pour générer du texte alternatif sur les images
  

• Performances:
  • Un peu de performance
  • Servir des images réactives
  

• Animations:
  • Effets de filtre SVG: aller de l'avant
  • Effet de traînée de texte
  
  

CSS

• Conceptions réactives et propriétés personnalisées CSS: définition de variables et de points d'arrêt
• Le modèle mental CSS par PPK
• Le groupe de travail CSS est convenu d'ajouter de nombreuses fonctions mathématiques
• Briser les boîtes avec la fragmentation CSS par Rachel Andrew
• Recréer l'effet de dégradé de Facebook Messenger avec CSS
• Sélecteur de CSS et détails
• Propriétés CSS moins connues dans les GIF
• 8 petites vidéos sur l'éditeur de chemin de forme de Firefox
• Les propriétés personnalisées CSS battent-elles les boucles Sass?
• Regardez Ma, pas de requêtes médias! Mises en page réactives à l'aide de la grille CSS

Javascript

• Référencement JavaScript: Bienvenue dans une nouvelle série!
• Comment écrire des applications JavaScript modernes simples avec Webpack et des techniques Web progressives
• Versions: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• Comprendre un problème de performances avec les données JSON «polymorphes»

• Théorie:
  • Le guide complet des boucles en JavaScript
  • Quelle est la séquence de mots clés la plus longue en Javascript?
  • Rappels: le guide définitif
  

• Réagissez:
  • Nous avons migré vers Next.js pour diffuser notre page d'accueil 7,5 × plus rapidement
  • Amélioration des performances des composants fonctionnels React à l'aide de React.memo ()
  • Comment la «règle d'or» des composants React peut vous aider à écrire un meilleur code
  • Écriture de tests pour les applications React à l'aide de Jest et Enzyme
  • Redux expliqué en 1 minute
  • 8 raisons d'utiliser des composants de style
  

• VueJS:
  • Glissement dans et hors de Vue.js
  • Création de directives personnalisées dans Vue.js
  • Un autre exemple de composant abstrait dans Vue.js
  

• Angulaire:
  • MVC dans un monde angulaire
  • Annonce de la charge angulaire (chargeable ngx ~ 2,2 Ko)
  • Comment transférer des fichiers et des données entre des clients angulaires et des backends Node.js
  

• Libs et plugins:
  • FrenchKiss.js - une bibliothèque i18n ultrarapide et légère écrite en JavaScript, fonctionnant à la fois dans le navigateur et les environnements NodeJS. Il fournit une solution simple et très rapide pour gérer l'internationalisation.
  • terser - Une boîte à outils d'analyse syntaxique JavaScript et mangler / compresseur pour ES6 +.
  • cnbuilder - Encore un autre générateur de chaîne de nom de classe
  • Zero Server: framework web de configuration zéro
  • npmf: récupère les informations rapides d'un pacakge npm à l'aide du terminal
  

A.

Merci d'avoir lu! N'hésitez pas à nous envoyer vos articles ou de nouveaux contenus utiles que vous souhaitez voir dans le prochain condensé.