Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 414 (4 - 10 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 «Web Standards» n ° 228: DevTools, site Web Web Standards, sélection de texte, px vs rem, Atomic CSS-in-JS, refactoring
• Podcast «Frontend Youth (18+)» # 136: À propos des conférences en ligne avec Alexei Fedorov
• Codage en direct avec Vadim Makeev: Cap sur les grilles et les flexions avec des espaces et BEM

développement web

• Qui enterrera le Web moderne?
• Une approche simple pour travailler avec des images réactives
• Un référentiel pour le Web
• Un guide pour travailler avec l'API Canvas
• Comment et pourquoi vous devriez éviter CORS dans SPA
• 13 conseils de sécurité pour les applications frontales
• HTML5 Boilerplate a 10 ans

• 
  • 5 , -
  • Google Web Vitals:
  • ESLint v7.0.0
  •
  • actions-cli — GitHub Actions
  

• 
  • 5 +
  • FID (First Input Delay)
  • LCP (Largest Contentful Paint)
  • CLS (Cumulative Layout Shift)
  • webpack
  

• 
  • SVG
  • —
  • Range Slider CSS
  • WordPress
  • generic-components — -
  

CSS

• Comprendre la grille CSS (2 parties): lignes de grille , (3 parties): zones de grille
• Mise en évidence et CSS
• Dispositions Adventures of Masonry en CSS
• Façons de styliser les listes
• Unités de «lh» et «rlh»
• Jouez avec (faux ) Requêtes de conteneur avec boîte surveillée et resizeasaurus
• Tout ce que j'ai appris sur min (), max () et clamp () en CSS
• Examinons plus en profondeur les propriétés du conteneur CSS
• Comment créer facilement un rythme vertical adaptatif en utilisant CSS
• In Chromium apparaît Prise en charge de l'espace Flexbox
• Immersion profonde dans la grille CSS
• Recherches CSS dans la conception Twitter
• Ajout de CSS à une page à l'aide d'en-têtes HTTP
• Comment créer des jeux CSS purs
• Un guide complet des fonctionnalités CSS

Javascript

• JavaScript Workplace Hall of Fame , partie 2
• Comprendre (tous) les formats et outils JavaScript «modulaires»
• ES2020: tout ce que vous devez savoir
• Créer un générateur de mots croisés à l'aide de JavaScript
• Rendu JavaScript et problèmes pour le référencement en 2020
• Compter le temps en javascript

• React
  • Tablist Vanilla JavaScript React
  • -
  • React
  • React ?
  • react-virtual — React
  • React Flow —
  • react-select-search — select- React
  • React-Tiny-Link — - -
  

• Vue
  • Vue Firebase
  • Vue 3 Composition API —
  

• Angular
  • Observable Angular
  • Angular: Outlook
  • Angular — ,
  • Angular: ,
  • 6 , Angular
  

• Ember
  • Ember Octane React
  • The Ember Times — Issue No. 147
  

• Svelte
  • Svelte
  • 7 Svelte,
  • Svelte headless CMS
  • SvelteJS:
  • Sapper Svelte
  

• Libs & Plugins
  • RoughJS
  • Pico — Javascript
  • Selecto.js — , .
  

• Sortie de Firefox 76
• Sortie de Firefox 76 - Worklets audio, couleurs du système CSS et plus
• Publié Playwright 1.0, un package pour automatiser le travail avec Chromium, Firefox et WebKit
• Firefox 76: Worllets audio et autres astuces

Divertissant

• Une autre réponse Zoom. Google intégrera la vidéoconférence Meet directement dans Gmail
• Les pirates ont appris à cacher les skimmers Web derrière les sites favicon
• GitHub a analysé l'impact de COVID-19 sur l'activité de développement
• Un environnement de développement et un système de discussion ont été ajoutés à GitHub
• Comment concevoir un profil sur GitHub pour qu'il fonctionne lors de la recherche d'un emploi
• Facebook a introduit un service pour les pays pauvres - Internet sera gratuit, mais uniquement sous forme de texte Matériel éditorial
• L' UE interdit l'utilisation de «murs de cookies» sur les sites pour restreindre l'accès au contenu et forcer la collecte de données

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 .