Resumo de materiais novos do mundo de front-end na última semana # 427 (3 a 9 de agosto 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     |    Navegadores

meios de comunicação

• Podcast "Padrões da Web" nº 241. Podcasts paralelos, eventos online, notícias do navegador, principal em vez de principal, busca por empatia

• Podcast CSSSR: Testando componentes Vue, roteiro de desenvolvimento Github, Angular, Next.js e lançamentos git

• Podcast "Frontend Youth (18+)" # 149 : Nagibable derrete geleiras

desenvolvimento web

• Tecnologias de desenvolvimento front-end que você pode não ter notado

• Uso profissional das ferramentas de desenvolvedor do Chrome: 13 dicas

• Guia de desenvolvimento da Web para iniciantes "O guia sem jargão" - Implantando seu primeiro site

• Lançamento do Emmet 2 para Texto Sublime

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• CSS Grid é claro para todos

• Consultas de mídia em SCSS - outra maneira conveniente de usar a tela @media

• 6 recursos CSS poderosos que tornam possível fazer sem JavaScript

• Drop-Shadow: um filtro CSS subestimado

• Valores calculados: mais do que aparenta

• Solução fácil para Maçonaria na grade CSS com fallback de JavaScript

• Aprofundando-se na propriedade Flex

• Soluções de grade CSS modernas para a maioria dos problemas de layout

• Implementação de inversão de página realista em CSS

• Otimização de CSS para carregamento mais rápido da página

• Um vocabulário CSS interativo

• Mais controle sobre bordas CSS com imagem de fundo

• espessura da fonte: 300 pode ser prejudicial (e uma possível solução com fontconfig)

• Layout de super-herói - Combinando grade CSS e formas CSS

JavaScript

• Meus truques favoritos de JavaScript

• Módulos de nó em guerra: por que os módulos CommonJS e ES não funcionam juntos

• RxJS e Firebase 101

• Anunciando um novo site para TypeScript

• Comparação de modelos de reatividade - React vs Vue vs Svelte vs MobX vs Solid

• 1Keys - Como fiz um piano em apenas 1 KB JavaScript

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• O Firefox começou a ativar a proteção contra rastreamento de movimentos por meio de redirecionamentos

• Novo Edge para todos. A Microsoft bloqueou a capacidade de desinstalar o navegador do Windows 10

• A participação de mercado do Chrome e Edge continua a crescer e o Firefox perde sua popularidade

Pedimos desculpas por possíveis erros de digitação ou links corrompidos / duplicados. Se você notar um problema - escreva para um pessoal, estamos tentando corrigi-lo rapidamente.

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .