Frontend Weekly Digest (20-26 mai 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

• Documentation front-end, guides de style et l'essor de MDX
• Notes de bas de page qui fonctionnent dans les lecteurs RSS
• DevChecklist; Nous avons créé cet espace collaboratif pour partager des listes de contrôle qui aident à garantir la qualité des logiciels, vous guident à travers les crises et d'autres trucs utiles pour les développeurs ;-)
• Webpack de zéro à héros - Chapitre 3: Tout est un module
• WebAssembly sur eBay: un cas d'utilisation réel
• Web statique - retour aux sources?
• Mesure de l'interactivité avec TTI: Time To (systématiquement) Interactive

• Accessibilité:
  • Boutons d'icônes accessibles
  • Marquage contextuel d'images et de SVG accessibles
  • Liens externes, nouveaux onglets et accessibilité
  

CSS

• Mettez en surbrillance le texte avec une balise HTML
• Quoi de neuf dans Tailwind CSS v1
• avantage - framework utilitaire CSS de 5 Ko compatible avec TailwindCSS
• l' affichage des polices est incompatible avec les polices d'icônes
• L'état de la typographie Web fluide
• Code comme documentation: nouvelles stratégies avec CSS Grid
• 10 conseils CSS pour gagner du temps J'ai appris à la dure lors de l'utilisation de Sass
• Éditeur de mise en page flexible
• Le problème «intérieur»
• CSS peut le faire?

Javascript

• Abus de jQuery pour les attaques de synchronisation propulsées par CSS
• Chargement d'images paresseuses à l'aide de l'API Intersection Observer
• Création d'animations de grille à plein écran avec Three.js

• Théorie:
  • Le parcours de JavaScript: du téléchargement de scripts à l'exécution - Partie II
  • JavaScript fonctionnel: comment utiliser la réduction de tableau pour plus que de simples chiffres
  

• Réagissez:
  • Prendre le contrôle des performances de React
  • Material-UI v4 est sorti
  • Utilisation de WebAssembly avec React
  • Pourquoi vous devez rendre React côté serveur
  • Prise en main de react-testing-library
  • Mon expérience en passant d'Enzyme à React-Testing-Library
  • Le guide accessible pour utiliserRéducteur
  

• VueJS:
  • Prise en main de Vue - Présentation et didacticiel pas à pas
  • Vue.js et SEO: comment optimiser les sites Web réactifs pour les moteurs de recherche et les robots
  • 5 façons simples d'améliorer considérablement la vitesse de votre application VueJS
  

• Angulaire:
  • Angular 8 RC.5 - Release Candidate livré avec des fonctionnalités et des changements de rupture
  • Explorer les crochets de cycle de vie angulaire - OnInit
  • Créer une application Web progressive avec Angular
  

• Libs et plugins:
  • wait-timeout: une API basée sur Promise pour setTimeout / clearTimeout
  • v8n: la bibliothèque de validation JavaScript ultime dont vous ayez jamais eu besoin.
  • Tornis est une bibliothèque JavaScript minimale qui surveille l'état de la fenêtre d'affichage de votre navigateur, vous permettant de répondre chaque fois que quelque chose change.
  • is-incognito-mode: fonction permettant d’identifier si le navigateur est en mode incognito
  

Navigateurs

• Opera Gx - Le premier navigateur conçu pour votre configuration de jeu arrive bientôt.
• Firefox 67: CSS en mode sombre, WebRender, etc.
• Présentation des premières versions d’aperçu de Microsoft Edge pour macOS
• Firefox vous offre une lecture vidéo fluide avec le décodeur AV1 le plus rapide au monde

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é.