Digest de matériaux frais du monde frontal pour la semaine dernière # 425 (20-26 juillet 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

• Podcast «Web Standards» # 240: MoscowJS, beta Chrome 85, TypeScript en Svelte, saisie et vidage en CSS, qu'est-ce que Numl

• Podcast «Frontend Youth (18+)» # 147: Jenkins prend le code de Mediazone

• Podcast CSSSR : Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update

• Podcast "Make Me Beautiful", Issue # 38: Tuples en js, pré-optimisation useCallbacks and a pit with SPA

développement web

• Il est temps de charger paresseusement les <iframe> s hors écran

• Interface de droite: adaptation des contrôles aux langues de droite à gauche

• Yaml pour les développeurs Web

• Autorisation et authentification pour tous

• Google a reporté la transition vers l'indexation mobile-first à mars 2021

• HTML complet en GitHub README avec SVG ForeignObject

• Présentation de Jamstack: création de sites sécurisés et hautes performances

• Utilisation de Chrome DevTools en tant que développeur frontend principal

• 5 stratégies de mise en cache des techniciens de service pour votre prochaine application PWA

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

• Solutions modernes aux anciens problèmes CSS: Garder le pied de page en bas de page , Éléments de même hauteur: Flexbox vs Grid , Mise à l'échelle des images avec CSS

• Manière native de colorer les icônes SVG

• À propos des conflits Sass et des fonctionnalités CSS relativement nouvelles

• Explication des mots-clés initial, hériter, non défini et revenez au CSS

• @property: superpuit les variables CSS

• Techniques CSS modernes pour améliorer la lisibilité

• keyframes.app - un outil visuel en ligne qui facilite la création de CSS pour les animations

• Utilisation de Flexbox avec des points de suspension de texte

• Souligné CSS animé

• Comment utiliser plusieurs arrière-plans en CSS

• Quand utilisez-vous inline-block?

• Générateur en ligne d'images de livres en trois dimensions en CSS

• css-media-vars - Une nouvelle façon d'écrire du CSS réactif. Points d'arrêt nommés, sélecteurs DRY, aucun script, aucun assemblage, CSS vanille.

• Au-delà des tailles d'écran: conception réactive en 2020

• Blobs CSS réalistes

JavaScript

• Choix des dépendances JavaScript

• Un moyen de comprendre les littéraux de modèle en JavaScript

• jQuery réactif pour le code spaghetti

• Importation de bibliothèques non ESM dans des modules ES avec vanilla JS

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• Libs & Plugins
  
  • doom-scroller.js - une bibliothèque JavaScript amusante qui vous aidera à vous débarrasser du défilement sans fin en ajoutant des éléments de Doom
  
  • mailgo - un nouveau concept de fenêtres modales pour les liens mailto et tel
  
  • Perfect Arrows - Un ensemble de fonctions pour dessiner des flèches parfaites entre les points et chiffres.
  
  

Nous nous excusons pour d'éventuelles fautes de frappe ou des liens rompus / dupliqués. Si vous remarquez un problème - veuillez écrire dans un message personnel, nous essayons de le résoudre rapidement.

Digest de la semaine dernière .

Matériel préparé dersmoll et alekskorovin .