Resumo de materiais novos do mundo de front-end na última semana №443 (23-29 de novembro de 2020)

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

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript

meios de comunicação

• "News 512" do CSSSR: Navegador de dentro, git à primeira vista, bfcache, Electron 11, ceticismo e Web Vitals, TIOBE em novembro

• Podcast "Web Standards" # 258. Bocupo e aparência, aninhamento de CSS, adaptação de tabela, dispositivo de navegador, ajustar tudo em JS

• CSSSR News 512: Chrome 87, Firefox 83, TypeScript 4.1, aria-label, formulários HTML, gradientes CSS, CSSBattle 2020

• JavaScript fwdays'20 Autumn online

• The Overflow Podcast 289: React, jQuery, Vue: qual é o seu sabor favorito de baunilha JS?

• ShopTalk # 440: sem servidor, banco de dados local, funções de borda e usando WordPress sem servidor

• Podcast Syntax.fm: Potluck - Frameworks vs Bibliotecas × Depuração × Módulos CSS vs Componentes estilizados × Currículos × Gerenciamento de estresse × Mais

desenvolvimento web

• Por que é bom para os usuários que HTML, CSS e JS sejam linguagens diferentes

• Pense como um desenvolvedor front-end

• Explore os recursos de elementos de Detalhes e Resumo

• Um modelo HTML moderno para iniciantes

• Um mergulho profundo na API do Ciclo de Vida da Página

• Uma introdução ao GraphQL para desenvolvedores

• Voltar para O básico: Crie cartões clicáveis ​​em HTML, CSS e JavaScript

• 
  
  • 5 accessibility Chrome DevTools
  
  • NPM 7: ,
  
  • Dev Fonts —
  
  

• 
  
  • Brotli
  
  • Core Vitals
  
  • Layout Shift netlify.com
  
  • , FOUT Lighthouse
  
  • , AVIF
  
  • Lighthouse 96.
  
  

• 
  
  • «Inspirational Websites Roundup #20»
  
  • -
  
  • - Rogier de Boevé’s
  
  • , : ,
  
  • GSAP
  
  

CSS

• Detalhes sobre o uso da função CSS minmax () em layouts de grade

• Máquina de estado construída com caixas de seleção HTML e CSS

• Chrome DevTools: refatoração e aprimoramento de folhas de estilo com o painel de visão geral CSS

• 5 pseudoelementos CSS que você nem sabe que existem suspeita (de acordo com o autor)

• navegação Centro de fit-conteúdo

• orientações-quadro CSS

• rápido ponta CSS: como mostrar facilmente código fonte

• Criar um botão CSS com um efeito de brilho e suavizar as alterações de cor ao longo do tempo

JavaScript

• ECMAScript 4: A versão que não era

• Uma visão detalhada de símbolos conhecidos

• Marko.js - Frontend de ebay.com

• Decoradores JavaScript do zero

• Renderização do lado do servidor em JavaScript: uma abordagem moderna

• Seletores DOM JavaScript - Aprenda como obter Acesso ao DOM [Infográfico]

• Use console.log () como um profissional

• React
  
  • React i18next
  
  • React
  
  • Boop! —
  
  • React workflow JavaScript
  
  • UI c SVG
  
  • React Redux: React Redux
  
  • PageSpeed ​​Insights React
  
  • React
  
  

• Vue
  
  • Vue.js
  
  • Vue (x) + Firebase
  
  • Vue Vue Testing Library
  
  

• Angular
  
  • , , Action Streams Angular
  
  • Angular
  
  • Angular
  
  

• Ember
  
  • Glimmer Snowpack
  
  • Component Primitives Deep Dive
  
  

• Libs e plug-ins
  
  • ODIFF - A ferramenta de diferença de pixels mais rápida do mundo.
  
  • Estou pronto - biblioteca js para verificar se imagens ou vídeos foram carregados
  
  • Suri - seu próprio encurtador de links que pode ser facilmente implantado como um site estático.
  
  

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .