O resumo de materiais frescos do mundo do front-end da última semana n ° 415 (11 a 17 de maio de 2020)

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

Mídia     |    Desenvolvimento Web     |    CSS     |    Javascript     |    Navegadores

meios de comunicação

• Podcast CSSSR: espaços de código do Github, dramaturgo e marionetista, layout de alvenaria, Firefox 76, NodeJS 14.2.0 e outros lançamentos
• Podcast de padrões da Web no . 230: Relação de aspecto, publicidade, aparência: nenhuma, espera de nível superior, Deno, armazenamento, preço dos estilos
• UnderJS Podcast # 21 - Node.js 14, TypeScript 3.9 [Classic]
• Podcast “Frontend Youth” # 138 Tarefas para assinantes
• Blog de vídeo Vadim Makeev №21. Guias de grade adaptáveis ​​em gradientes e propriedades personalizadas

desenvolvimento web

• Arquiteturas modernas de front-end (parte 2)
• Martin Splitt: não tente reinventar a roda do SEO
• Conquista de tags UTM
• Imagens disponíveis quando elas mais importam
• Armazenamento persistente
• Visualizador on-line Caminho SVG
• Uma seleção de conceitos criativos "Resumo das interações e animações da interface do usuário nº 6"

• Desempenho
  
  • Estilos caros. Relatório Yandex
  • Otimizando o carregamento da fonte manuscrita
  • Vale a pena hospedar o Google Fonts

CSS

• Fonte responsiva. Adaptação de texto entre valores simulados e mínimos
• Funções CSS min (), max () e grampo ()
• Animação da linha do tempo em CSS: criando uma máquina Goldberg
• Soluções modernas de CSS para problemas antigos de CSS
• Correção de CSS para 100vh no WebKit móvel
• Como domesticar Altura da linha no CSS
• Layout de alvenaria responsivo na grade CSS + JavaScript baunilha
• Uso de máscaras CSS para criar arestas serrilhadas
• Transformando um objeto de tamanho fixo em um elemento adaptável

Javascript

• Juntamos-se à ISS usando JavaScript e a bússola.
• O Node.js introduziu a plataforma JavaScript segura Deno 1.0.
• As perguntas mais difíceis nas entrevistas em JavaScript. Parte 2
• Manual do Deno: Uma breve introdução ao Deno
• Certificação Node.js.: minha experiência e dicas
• Recursos de JavaScript que você pode esquecer
• Versão TypeScript 3.9
• Comparando Elm com Ember Octane e reagir

• 
  
  • Async/Await
  • , spread JavaScript
  • JavaScript
  • Javascript- Google
  

• React
  
  • « React»: Recoil — A state management library for React Pro Unlimited
  • : Deno React SSR
  • Recoil — React
  • React — ( !)
  • : () React
  • React. “prefers-reduced-motion”
  • React
  • TypeScript React Webpack Babel
  • stale props React
  • React Cool Inview — React , ( )

• Vue
  
  • Vue , ,
  • 5 JavaScript, Vue
  • TypeScript Vue.js.
  

• Angular
  
  • Angular
  • Angular
  • - Angular
  • if- Angular
  • Angular Starter: Angular 9 + Material + Transloco + Jest + Compodoc
  

• Ember
  
  • Ember 3.18
  • MDN web docs: Ember tutorials
  • The Ember Times — Issue No. 148
  • Coveralls Ember
  • Ember:
  

• Svelte
  
  • 3 Svelte
  • Typescript Svelte
  

• Libs & Plugins
  
  • 5 JavaScript-
  • Perfume v5 — -
  

• Extensão do Chrome para ocultar recomendações perturbadoras no YouTube
• A partir de agosto, o Google Chrome começará a bloquear anúncios "pesados" que sobrecarregam a CPU e a bateria
• O Google adicionará agrupamento de guias e destaque no Chrome para aumentar a produtividade
• No Firefox 78, um gerenciador de processos aparecerá
• O Google Chrome começará a bloquear o carregamento de anúncios com muitos recursos
• Alterações controversas na interface do modo de leitor foram feitas nas versões noturnas do Firefox
• O Mozilla desativou a autenticação adicional para sistemas sem uma senha mestra
• O que há de novo no DevTools (Chrome 84)

Pedimos desculpas por quaisquer erros de digitação ou links quebrados / duplicados. Se você perceber um problema - escreva em um e-mail pessoal, tentamos corrigi-lo rapidamente.

← Resumo da semana passada .
Material preparado dersmoll e alekskorovin .