Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 417 (25 - 31 mai 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     |    Divertissant     |    

Médias

• Podcast «Five Minutes React»: ReasonML en 2020
• UnderJS Podcast # 22 - GitLab, GraphQL, Vue3 avec Natalia Teplukhina [Lamp]
• Podcast CSSSR «Argumentarium»: Svelte et les trois grands cadres JS
• Pro Conf # 64: ReactEurope 2020 - Remplacement de Facebook Redux | Fast Gatsby | React Native pour le Web | Next.js
• Liens vers toutes les diapositives et vidéos de ngVikings 2020
• Jamstack conf virtual 2020

développement web

• Pourquoi l' UE supprime-t- elle les murs de cookies?
• Comment sécuriser votre site Web?
• Typographie pour le web
• Le dernier numéro du magazine Increment, dédié au frontend. Articles d'actualité de stars de l'industrie - Chris Coyer, Lea Verou, Evan You et d'autres
• Guide de syntaxe des images HTML adaptatives
• Les plus gros scandales avec NPM
• Exemple d'utilisation de l'API Wake Lock: augmentation de 300% des indicateurs d'intention d'achat sur BettyCrocker.com
• htmx - des outils HTML puissants pour accéder à AJAX, aux WebSockets et aux événements envoyés par le serveur directement en HTML à l'aide d'attributs
• La conception Web réactive a dix ans.
• Spécial HTMHell # 20: boutons de fermeture. Modèles et anti-modèles de mise en œuvre des boutons de fermeture
• Utilisation de données structurées pour améliorer l'optimisation des moteurs de recherche

• Outils
  • Putout: un linter nouvelle génération
  • Tests locaux sur iPhone
  • Familiarité avec les outils de développement dans Chrome et Firefox
  • Conversion de la base gulpfile.js v3 en gulpfile version v4
  

• Performances
  • 10 façons d'améliorer la vitesse des pages
  • Empêchez la mise en page et le décalage du texte invisible (FOIT) en préchargeant des polices supplémentaires
  • Outils de mesure Web Vitals de base
  

CSS

• Question à l'expert: pourquoi le CSS est-il si ... qu'est-ce que c'est?
• Guide d'utilisation des variables CSS
• Tailblocks - blocs CSS prêts à l'emploi pour Tailwind
• À propos des éléments fixes et des arrière-plans
• Regardez d'abord le rapport hauteur / largeur
• Voici ce que je ne savais pas sur le «contenu»
• La gamme de couleurs en expansion sur le Web
• Création de dégradés supplémentaires à l'aide de filtres CSS
• Outil CLI pour créer des dispositions de grille CSS

Javascript

• Innovations ES2020 que j'aime beaucoup
• A propos de l'amélioration quotidienne du programmeur JavaScript
• L'effet de l'activation d'une page réaliste sur JS
• Qu'est-ce que Deno et remplacera-t-il Node.js?
• Un aperçu de JavaScript sur le côté
• 5 principales raisons pour lesquelles les développeurs Javascript préfèrent Deno à Node
• Raclage Web de base des pages Web en utilisant JavaScript avec Node.js + Puppeteer
• ECMAScript 4: version manquante

• 
  • JavaScript
  • JavaScript?
  • JavaScript-. 3
  • 10 JavaScript
  • — JavaScript
  • JavaScript: , Console.log?
  • Cache API JavaScript
  

• React
  • React. 2: UseState, UseEffect
  • , Concurrent Mode React 2020
  • React
  • React Redux CRM
  

• Vue
  • : Vue 3
  • Vue.js /
  • Typescript VueJS 2.6+
  

• Angular
  • Angular Pug
  • Angular
  • Angular: The Unexpected
  • TDD Angular —
  

• Ember
  • The Ember Times — Issue No. 150
  • Empress-blog Netlify CMS
  

• Svelte
  • Svelte ?
  • , Svelte, JavaScript
  • Svelte
  

• Libs & Plugins
  • Alpine.js
  • Rough Notation — JavaScript
  • Fluor.js — JS , .
  • ac-colors — JS RGB, HSL, HEX, XYZ, LAB, LCHab, LUV LCHuv,
  • Motionia — .
  

• Comment Microsoft fait d'Edge un meilleur navigateur pour PWA
• Les navigateurs ne sont pas des moteurs de rendu
• Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials et bien plus encore
• Chrome 84 activera la protection contre les notifications ennuyeuses par défaut

Divertissant

• Microsoft développe un nouveau gestionnaire de packages open winget
• La dépréciation du certificat racine AddTrust s'est écrasée sur les systèmes avec OpenSSL et GnuTLS
• Le site le plus analysé sur Internet (voyez par vous-même en ouvrant la console)
• Fait amusant: l'interface de contrôle de Dragon 2 fonctionne sur Chromium et JavaScript
• Sondage des développeurs Stackoverflow 2020: sondage annuel des développeurs

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é dersmoll et alekskorovin .