Resumo de materiais novos do mundo de front-end na última semana # 446 (14 a 20 de dezembro 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     |    Navegadores

meios de comunicação

• "News 512" da CSSSR: Firefox 84, "Frontend-2021" da Tinkoff, releases de segurança do Node.js, Deno 1.6, MDN Web DNA 2020

• Podcast "Make me beautiful" # 52 - Imprima um erro de digitação em 200 mil sites

• Podcast Frontend Yunost (18+) # 166: Toda a história do JavaScript em 100 minutos

• Web Standards Podcast # 260: Web Almanac 2020, Safari TP, PWA, EStimate, Download por solicitação, Houdini, Squoosh 2 e CLI

• Front -end 2021 Roteiro e tendências | O que ensinar em 2021?

• Mais, mais front-end - relatórios do UMoneyDay

• Chrome Developer Summit 2020

• Chrome Dev Summit Russia 2020 Extended

• Destaques do Chrome Dev Summit 2020

desenvolvimento web

• Front-end-2021: tendências como as vemos

• O que um usuário front-end deve saber sobre UX e por que bombar nessa direção

• Lista de verificação de SEO (PDF)

• Noções básicas de cache de aplicativos da web

• 
  
  • , Google Fonts.
  
  • PageSpeed Insights —
  
  • Observer vs Scroll Lazy Loading:
  
  • CSS, CMS CLS
  
  • 5 ,
  
  

• 
  
  • ?
  
  • GOV.UK
  
  • WCAG 2.1: Label in Name
  
  

• 
  
  • glitch- Cyberpunk 2077 CSS
  
  • Web Animations API — Pie Timer
  
  • «Inspirational Websites Roundup #21»
  
  • UI «UI Interactions & Animations Roundup #13»
  
  

CSS

• Remova as mudanças na sobreposição de layout na grade CSS

• CSS Scroll Snap - uma ferramenta poderosa para criar contêineres roláveis ​​sem JavaScript

• Processamento de valor CSS

• AnimXYZ - uma biblioteca de componentes para animações CSS que pode ser facilmente incorporada em qualquer estrutura

• Propriedades CSS para transformações de pontos

• Processamento curto e conteúdo longo em CSS

• Fontes em e - mails HTML

• Visibilidade do conteúdo e semântica acessível

• Estilo console.log () formatação com CSS

• Centralização em CSS

• Como criar páginas responsivas e temas de cores com CSS mínimo

• Elementos fixos combinados com grade CSS

JavaScript

• O que há de novo no ES2021 / ES12

• Módulos em JavaScript

• Iterables e Iterators: um guia detalhado para JavaScript

• Transformando a recursão em um loop

• Entendendo a sintaxe de desestruturação em JavaScript

• Como um desenvolvedor recriou o AirDrop usando apenas JavaScript

• Tutorial do Rust: uma introdução ao Rust para Desenvolvedores de JavaScript

• JavaScript: JS condicional, carregado apenas quando necessário

• React
  
  • react
  
  • PWA create-react-app
  
  • React
  
  • 25 React,
  
  • Sitemap Next.js
  
  • Redux
  
  • Iframes React:
  
  

• Vue
  
  • SSR Vue Node.js
  
  • Vue.js MJML
  
  • Qui — - Vue.js
  
  • Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • context help component Angular global event listener
  
  • Angular @ngrx/component-store
  
  

• Ember
  
  • Ember 3.23
  
  • The Ember Times — Issue No. 170
  
  • Ember.js
  
  

• Libs & Plugins
  
  • Tiny-Swiper — JavaScript swiper
  
  • Locomotive Scroll
  
  • Moiva — JS-
  
  • EStimator , JavaScript
  
  

• Versão do Firefox 84

• Firefox 85 terá proteção de rastreamento adicional com base na segmentação de rede

• No Firefox, Chrome, Edge e Safari, o certificado usado para interceptar o tráfego no Cazaquistão está bloqueado

• Novo gerenciador de senha da Microsoft sincroniza dados entre Edge, Chrome, iOS e Android

• Avast encontrou 28 extensões maliciosas para Chrome e Edge que roubam dados pessoais de usuários

• A Microsoft lançou o navegador Edge para computadores Apple baseado no chip M1



Digest na semana passada .

Material preparado por dersmolle alekskorovin .