Resumo de materiais novos do mundo de front-end na última semana # 437 (12 a 18 de outubro de 2020)

Chamamos sua atenção para uma seleção com links para novos materiais da área de front-end e em torno dela.

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript

meios de comunicação

• Podcast "Padrões da Web" nº 251. Chrome 86, Safari e Firefox, o início do kit de IU, SSR e Next.js, sobre maratonas de Zara e JS

• Podcast "Make Me Beautiful" Edição nº 45: 18+ Histórias de front-end legais

• CSSSR Podcast: Webpack 5 e módulo Federação, Chrome 86, npm 7, Event Loop e Call Stack, Python 3.9, materiais a11y

desenvolvimento web

• Fazemos aplicativos da web por uma questão de economia - mas este caminho nos leva à escuridão

• Modo escuro: Olá escuridão, meu velho amigo

• De HTTP para HTTP 3 - a Internet do futuro

• 11 truques de front-end que muitos desenvolvedores de front-end não conhecem

• Web Componentes: o guia completo

• Como a comunicação em tempo real é construída com Socket.io e Node.js

• 
  
  • :
  
  • NPM 7.0
  
  • webpack: webpack 5
  
  • Webpack 5
  
  • Chrome DevTools
  
  

• 
  
  • Core Web Vitals: - Google
  
  • ?
  
  • - PRPL
  
  • Largest Contentful Paint:
  
  

• 
  
  • CSS , 2:
  
  • Checka11y.css — CSS .
  
  • , CSS
  
  

• 
  
  • , Mark Appleby
  
  • Material Design
  
  •
  
  • Motion Blur CSS Transitions
  
  • -
  
  • CSS
  
  

CSS

• Variáveis ​​CSS - Curso Young Fighter

• 10 layouts modernos em uma linha de CSS

• CSS-in-TS avançado

• Escolhendo um layout CSS - Grade ou Flexbox?

• - -var:; hack para alternar vários valores com uma única propriedade personalizada

• Tamanho de fonte responsivo usando vanilla CSS

• Aprimoramentos de propriedade booleana com atalhos

• O truque: focus-visible

• Uma seleção de 20 carregadores animados em CSS puro

• min (), max () e clamp (): três funções CSS booleanas para usar hoje

• Layoutit Grid: explore visualmente a grade CSS com um gerador

• Nova função de imagem CSS ()

• Rastreamento de usuário com CSS

JavaScript

• WorkBox: seu kit de ferramentas no mundo dos service workers

• O que é WeakSet em JavaScript e como funciona

• Por que você deve usar Top-level Await em JavaScript?

• Introdução ao JavaScript moderno - Proxy

• A jornada para o desempenho de renderização isomórfica

• JavaScript orientado a objetos: um pouco de prática

• Documentando seus projetos TypeScript: opções

• React
  
  • D3 React
  
  • . Part 1
  
  • React Wallaby.js
  
  • Framer Motion — React.
  
  • long-running React -
  
  • Wouter: React Router
  
  

• Vue
  
  • Nuxt Content ( )
  
  • Vue
  
  • VueJS script gadgets
  
  

• Angular
  
  • Angular DI,
  
  • Lazy Load Angular
  
  • Angular LetDirective — 1
  
  • .CSS .SCSS Angular
  
  

• Ember
  
  • yieldable named blocks
  
  

• Svelte
  
  • Svelte , React
  
  • Svelte
  
  

• Libs & Plugins
  
  • Plataforma conveniente para a seleção de bibliotecas e frameworks JavaScript - openbase
  
  • Detect GPU - Detecta GPUs com base em seus resultados em testes de desempenho de renderização 3D, o que permite ao desenvolvedor fornecer configurações padrão razoáveis ​​para aplicativos gráficos intensivos.
  
  • dragmove.js - Uma pequena biblioteca Javascript para arrastar e soltar elementos no DOM
  
  • Primeiros passos com Malina.js
  
  • 3 razões para usar menos bibliotecas JavaScript
  
  

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .