Resumo de materiais novos do mundo de front-end na última semana # 467 (10 a 16 de maio de 2021)

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     |    Navegadores

meios de comunicação

• Podcast "Padrões da Web" nº 281. SpiderMonkey 25 anos, Safari TP, Bootstrap 5, GitHub, prefixos, monoreps e seu próprio git em Yandex

• Frontend Yunost podcast # 186. Passe a ferro a teia. O convidado é o criador e editor-chefe da Smashing Magazine Vitaly Fridman.

• Cassete de vídeo “Front-end. Perguntas da entrevista "# 2

• June precisa de um código perfeito: uma entrevista com Vadim Makeev

• O podcast" How is it? " Edição nº 4: de um filólogo japonês a um front-end freelance

desenvolvimento web

• Frontends sólidos: monitoramento

• Registrando um manipulador de protocolo de URL para PWA

• Diferenças entre WebSockets e Socket.IO

• Indo para "Meta GSAP": Encontrando a rolagem infinita "perfeita"

• Desempenho
  
  • Otimizando os principais sinais vitais da Web: estratégias básicas
  
  • Como medir a velocidade do site usando a API de desempenho
  
  • Otimizando os sinais vitais da Web usando o Lighthouse
  
  

• 
  
  • toggle
  
  • ? ? [ ]
  
  •
  
  • 7 Winn-Dixie ADA (2021 .)
  
  • Logical Content Flow — - Logical Content Flow
  
  

CSS

• Identificando dispositivos de tela de toque CSS puros

• O coroamento da evolução do CSS-in-JS está aqui: estilos totalmente digitados sem tempo de execução no extrato vanilla

• Comparação do desempenho CSS e CSS-in-JS no mundo real

• Ferramentas de auditoria CSS

• "Seletor pai": has () - na realidade!

• Consultas de contêiner
  
  • CSS da próxima geração: @container
  
  • Introdução às consultas de contêiner CSS
  
  • Decoração em nível de componente com consultas de contêiner CSS
  
  • Suporte (não) desconhecido. Adicionando validação de consulta de contêiner ao CSS com @support
  
  

• Design for Reading: Dicas para otimizar o conteúdo para modos de leitura e aplicativos de leitura

• Avançado CSS animação usando Cubic-Bezier ()

• Aspect Ratio e grade

• ! Stylesheet recurso Bandeiras de criação através Sass Padrão

• Fixo rolagem suave ScrollSpy navegação com Fixa CSS Background

• Uma olhada no CSS Tailwind

JavaScript

• Rastreando e visualizando a posição do ISS usando 30 linhas de código JavaScript

• Cheat sheet sobre métodos JS para trabalhar com o DOM

• Padrões de inicialização lenta de propriedades de objetos em JavaScript

• Lancei o Grafar - uma biblioteca JS para visualização

• 7 etapas para JavaScript seguro em 2021

• Javascript moderno: tudo o que você perdeu nos últimos 10 anos (ECMAScript 2020)

• Crie o Tetris com o JavaScript moderno

• Typescript
  
  • , 2021 TypeScript, JavaScript
  
  • DRY TypeScript
  
  • TypeScript:
  
  

• React
  
  • React, TypeScript TDD
  
  • React Hooks
  
  • React Virtual DOM
  
  • Debounce Throttle React
  
  • React
  
  • React
  
  • VR React 360
  
  • React- 2021
  
  

• Vue
  
  • Vue.js : -
  
  • Vuex, the Official Vue.js Store
  
  • Vue Router:
  
  

• Angular
  
  • Angular @taiga-ui/cdk: 5
  
  • , Angular 12, Nx 12.3
  
  • RxJS Angular: If/Else
  
  • Angular Forms:
  
  • Angular
  
  

• Ember
  
  • Emberjs 3.2x Storybook.js 2021
  
  • Tailwind css 2.0 + EmberJs 3.2+ 2021
  
  

• Svelte
  
  • Svelte
  
  

• Usando manipuladores de protocolo personalizados para rastreamento de navegador cruzado no Tor, Safari, Chrome e Firefox.

• Identificação por meio de análise de manipuladores de protocolo externos no Browser



Digest na semana passada.

Material preparado dersmoll e alekskorovin .