Digest de matériaux frais du monde frontal pour la semaine dernière # 443 (23-29 novembre 2020)

Nous portons à votre attention une sélection avec des liens vers de nouveaux matériaux de la zone frontale et autour d'elle.

Médias     |    Développement Web     |    CSS     |    JavaScript

Médias

• "News 512" du CSSSR: Navigateur de l'intérieur, git en un coup d'œil, bfcache, Electron 11, scepticisme et Web Vitals, TIOBE en novembre

• Podcast "Web Standards" # 258. Bocoup et apparence, emboîtement CSS, adaptation de table, appareil de navigateur, tout convient dans JS

• CSSSR News 512: Chrome 87, Firefox 83, TypeScript 4.1, aria-label, formulaires HTML, dégradés CSS, CSSBattle 2020

• JavaScript fwdays'20 Automne en ligne

• The Overflow Podcast 289: React, jQuery, Vue: quelle est votre saveur préférée de vanilla JS?

• ShopTalk # 440: sans serveur, base de données locale, fonctions Edge et utilisation de WordPress sans serveur

• Syntax.fm podcast: Potluck - Frameworks vs Libraries × Debugging × Modules CSS vs Styled Components × Resumes × Stress Management × Plus

développement web

• Pourquoi il est bon pour les utilisateurs que HTML, CSS et JS soient des langages différents

• Pensez comme un développeur front-end

• Explorez les capacités des éléments Details et Summary

• Un modèle de démarrage HTML moderne

• Une plongée approfondie dans l'API Page Lifecycle

• Une introduction à GraphQL pour les développeurs

• Retour à Les bases: créer des cartes cliquables en HTML, CSS et JavaScript

• 
  
  • 5 accessibility Chrome DevTools
  
  • NPM 7: ,
  
  • Dev Fonts —
  
  

• 
  
  • Brotli
  
  • Core Vitals
  
  • Layout Shift netlify.com
  
  • , FOUT Lighthouse
  
  • , AVIF
  
  • Lighthouse 96.
  
  

• 
  
  • «Inspirational Websites Roundup #20»
  
  • -
  
  • - Rogier de Boevé’s
  
  • , : ,
  
  • GSAP
  
  

CSS

• Détails sur l'utilisation de la fonction CSS minmax () dans les mises en page Grid

• State machine construite avec des cases à cocher HTML et CSS

• Chrome DevTools: refactorisation et amélioration des feuilles de style avec le panneau de présentation CSS

• 5 pseudo-éléments CSS dont vous ne connaissez même pas l'existence suspecté (selon l'auteur)

• Centre de navigation avec fit-content

• Directives du cadre CSS

• Astuce CSS rapide: comment afficher facilement le code source

• Créer un bouton CSS avec un effet de brillance et lisser les changements de couleur au fil du temps

JavaScript

• ECMAScript 4: la version qui ne l'était pas

• Un aperçu détaillé des symboles bien connus

• Marko.js - Frontend d'ebay.com

• Décorateurs JavaScript à partir de zéro

• Rendu côté serveur en JavaScript: une approche moderne

• Sélecteurs DOM JavaScript - Apprenez à l'obtenir Accès DOM [Infographie]

• Utilisez console.log () comme un pro

• React
  
  • React i18next
  
  • React
  
  • Boop! —
  
  • React workflow JavaScript
  
  • UI c SVG
  
  • React Redux: React Redux
  
  • PageSpeed ​​Insights React
  
  • React
  
  

• Vue
  
  • Vue.js
  
  • Vue (x) + Firebase
  
  • Vue Vue Testing Library
  
  

• Angular
  
  • , , Action Streams Angular
  
  • Angular
  
  • Angular
  
  

• Ember
  
  • Glimmer Snowpack
  
  • Component Primitives Deep Dive
  
  

• Libs & Plugins
  
  • ODIFF - L'outil de différence de pixels le plus rapide au monde.
  
  • Je suis prêt - bibliothèque js pour vérifier si des images ou des vidéos sont chargées
  
  • Suri - votre propre raccourcisseur de lien qui peut être facilement déployé en tant que site statique.
  
  

Digest de la semaine dernière .

Matériel préparé dersmoll et alekskorovin .