Digest de matériaux frais du monde frontal pour la semaine dernière # 446 (14-20 décembre 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     |    Navigateurs

Médias

• «News 512» du CSSSR: Firefox 84, «Frontend-2021» de Tinkoff, les versions de sécurité de Node.js, Deno 1.6, MDN Web DNA 2020

• Podcast «Make me beautiful» # 52 - Imprimer une faute de frappe sur 200 000 sites

• Podcast Frontend Yunost (18+) # 166: Toute l'histoire de JavaScript en 100 minutes

• Podcast Web Standards # 260: Web Almanac 2020, Safari TP, PWA, EStimate, téléchargement sur demande, Houdini, Squoosh 2 et CLI

• Front -fin 2021 Roadmap & Trends | Que enseigner en 2021?

• Plus, plus de frontend - rapports d'UMoneyDay

• Chrome Developer Summit 2020

• Chrome Dev Summit Russia 2020 Extended

• Faits saillants du Chrome Dev Summit 2020

développement web

• Front-end-2021: les tendances telles que nous les voyons

• Ce qu'un utilisateur front-end devrait savoir sur l'UX et pourquoi pomper dans cette direction

• Liste de contrôle SEO (PDF)

• Bases de la mise en cache des applications Web

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• Supprimez les changements dans la superposition de mise en page dans CSS Grid

• CSS Scroll Snap - un outil puissant pour créer des conteneurs défilables sans JavaScript

• Traitement de la valeur CSS

• AnimXYZ - une bibliothèque de composants pour les animations CSS qui peuvent être facilement incorporées dans n'importe quel framework

• Propriétés CSS pour les transformations de points

• Traitement court et contenu long en CSS

• Polices dans les e - mails HTML

• Visibilité du contenu et sémantique accessible

• Mise en forme du format console.log () avec CSS

• Centrage en CSS

• Comment créer des pages réactives et des thèmes de couleur avec un minimum de CSS

• Eléments collants combinés avec une grille CSS

JavaScript

• Nouveautés de ES2021 / ES12

• Modules en JavaScript

• Itérables et itérateurs: un guide détaillé de JavaScript

• Transformer la récursion en boucle

• Comprendre la syntaxe de déstructuration dans JavaScript

• Comment un développeur a recréé AirDrop en utilisant uniquement JavaScript

• Tutoriel Rust: Une introduction à Rust pour Développeurs JavaScript

• JavaScript: JS conditionnel, chargé uniquement en cas de besoin

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Firefox 84 version

• Firefox 85 aura une protection de suivi supplémentaire basée sur la segmentation du réseau

• Dans Firefox, Chrome, Edge et Safari, le certificat utilisé pour intercepter le trafic au Kazakhstan est bloqué

• Le nouveau gestionnaire de mot de passe Microsoft synchronise les données entre Edge, Chrome, iOS et Android

• Avast a trouvé 28 extensions malveillantes pour Chrome et Edge qui volent les données personnelles des utilisateurs.

• Microsoft a publié la



semaine dernière le navigateur Edge pour les ordinateurs Apple basé sur la puce M1 Digest .

Matériel préparé par Dersmollet alekskorovin .