O resumo de materiais frescos do mundo do front-end da última semana n ° 408 (23 a 29 de março 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 "Web Standards" No. 223. Safari, terceiros cookies e seus cofres, imagens mais bonitas e rápidas, truques antigos, automático em CSS
• Podcast CSSSR: Notícias 512 - Angular 9.1, Prettier 2.0, CSS automático, pratica JS puro e aprende quarentena
• UnderJS Podcast No. 18 - Yarn2 e um bug de tamanho ...
• Frontend Devshahta / Night: Monitorando o node.js usando um estudo de caso interessante
• Podcast “Frontend Youth (18+)” nº 130: O primeiro isolado
• Podcast “Web Standards” nº 222. GitHub e npm, iPad com cursor, URLs, tabelas adesivas, User-Agent, tipografia, tags fechadas!
• Repozitorro # 39 - Design e front-end
• O CSS Podcast 003: Especificidade

desenvolvimento web

• Arquitetura limpa para o front-end
• Novo Google PageSpeed ​​Insights no mecanismo Lighthouse 6 (beta): verifique quais indicadores seu site terá
• Métodos para lidar com código legado no exemplo do GitLab
• Arquitetura de front-end : Core
• Aumento automático de entradas e campos de texto
• Moderno formatos de imagem: usando Webp em HTML e React
• Eliminando vulnerabilidades em dependências npm em menos de 3 minutos
• Como usar a API de armazenamento na Web
• Favicons: Emojis como um favicon , Lifehack de Chris Koyer: usando outro favicon para desenvolvimento
• Feeds RSS de front-end (edição 2020)
• O Bootstrap 5 se recusa a oferecer suporte ao IE 10 e 11: com o que ficaremos?

• Acessibilidade
  • A conformidade com a ADA é uma obrigação para as agências digitais; veja como fazê-lo
  • Por que 2020 é o ano em que você precisa levar a acessibilidade a sério: a Suprema Corte não está mais brincando e você não deve
  

• Efeitos
  • Efeitos de animação de partículas ao selecionar texto
  • Efeitos animados para o cursor
  

CSS

• CSS: um guia completo da função calc ()
• Combinações em CSS: propriedades personalizadas e :: selection
• Explicação das especificidades do CSS para o período de cinco anos
• Como repetir o texto como imagem de fundo no CSS usando o elemento ()
• Indicação da posição de rolagem na página usando CSS
• Como animar texto usando SVG e CSS
• Estilo de barras de rolagem usando CSS: uma maneira moderna de criar barras de rolagem

Javascript

• Inferência de tipos no TypeScript usando a construção as const e a palavra-chave inferir
• Novos recursos TypeScript que aprimoram a conveniência do desenvolvimento
• Dicas de segurança: Nodejs
• DIY 3D. Parte 1: pixels e linhas
• O projeto CoreJS enfrentou problemas de manutenção devido à prisão do autor
• As 14 melhores conferências JavaScript para participar em 2020
• Como iniciar o teste de unidade de código JavaScript
• Como usar os recursos mais recentes de JavaScript em qualquer navegador
• VueJS vs. ReactJS : quem governará em 2020?
• Como controlar o HTML DOM usando apenas JavaScript vanilla?

• 
  •
  • JavaScript – map, reduce filter
  •  MDXJS
  

• React
  • react-redux, redux-saga
  • FuseBox React
  • Server-Side Rendering React — Redux
  • React: Gatsby
  • Airbnb Enzyme, React
  • React Firebase
  

• Vue
  • i18n Vue.js vue-i18n
  • , ref() Vue 3?
  • Vue.js — 3 ( VDOM)
  

• Angular
  • Angular
  • : MEAN.js AngularJS Create-React-App
  • 9.1 Angular — TypeScript 3.8,
  

• Ember
  • The Ember Times — Issue No. 141
  • Ember GraphQL
  • Ember Octane: Components
  • Ember Octane:
  

• Svelte
  • Por que você deve começar a usar o Svelte Js para projetos da Web se ainda não o faz
  ? • Uma lista com curadoria com recursos no Svelte JS
  

• Libs & Plugins
  • Visão geral dos players de vídeo para a Web
  • 9 melhores mecanismos de jogos e bibliotecas JS em 2020
  • Rsup Progress - Um pequeno indicador de progresso que suporta promessas
  • jsSHA - Implementação de JavaScript da família completa do Secure Hash Standard
  

Navegadores

• O Firefox introduz o modo somente HTTPS.
• No Chrome 83, uma configuração aparece para exibir o URL completo na barra de endereço.
• O Google pula a versão do Chrome 82.

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 .