O resumo de materiais frescos do mundo do front-end da última semana nº 421 (22 a 28 de junho 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 CSSSR - Telegrama desbloqueado, recursos WWDC 2020, DX, NodeJS 14, Webpack 5 beta 18, VPN da Mozilla

• Podcast Web Standards # 235: Safari Evangelist, Bootstrap 5, visibilidade de conteúdo, grades, caixas de seleção, formulários, API para PWA

• Podcast "Frontend Youth (18+)" # 143: A vida dos desenvolvedores é importante

desenvolvimento web

• Como tornar as interfaces da Web rápidas, de alta qualidade e interessantes

• Como ganhar dinheiro com a raspagem da Web

• Como se tornar um líder de equipe front-end e como viver depois disso - decodificando a transmissão

• Olhando para os cinco anos de existência da AMP

• Visão geral das técnicas de rolagem de páginas

• 
  
  • DevTools (Chrome 85)
  
  •
  
  • npm v7 — `package-lock.json`?
  
  

• 
  
  •
  
  •
  
  • Core Vitals Google
  
  • WebP , JPEG?
  
  •
  
  • 100 Google PageSpeed ​​Insights
  
  

• 
  
  •
  
  • - +
  
  

• 
  
  • «Awesome Demos Roundup #16»
  
  • A Glitchy Grid Layout Slideshow
  
  • «Inspirational Websites Roundup #16»
  
  • Custom Shape Dividers — SVG
  
  

CSS

• Emulação de várias expressões de mídia no Chrome e depuração do modo escuro

• Incompatibilidades de renderização de fontes nos navegadores

• Wrappers de layout de estilo em CSS

• Efeito de pôster amassado no CSS

• Verificação do suporte de animação usando "movimento preferido de redução"

• Noções básicas de CSS: animação

• Depuração de HTML Usando seletores CSS avançados

• Usando a propriedade personalizada Stacks para domesticar a cascata

Javascript

• O que os desenvolvedores JavaScript devem saber sobre o Curl

• Ignorar o captcha usando o Chrome sem cabeça

• Simulação de crescimento de cristal: agregação limitada por difusão em Javascript

• Memória JavaScript - sem vazamentos

• Tutorial. Arrastar e soltar lista de tarefas

• Como obter as dimensões de tela, janela e página da web em JavaScript

• Novos recursos no TypeScript 3.9

• Conceitos de JavaScript a serem dominados antes de aprender a reagir

• React
  
  • - ReactJS Netlify PWA Store
  
  • 15 React
  
  • React 2020
  
  • SWR: React
  
  • React- Jest
  
  • React React Native — Wix.com
  
  • MDX: Markdown
  
  • Zelda BOTW React, Tailwind Framer-motion: 1
  
  • Next JS 9.4
  
  • React Query 2.0
  
  

• Vue
  
  • Vue.js: The Documentary ( )
  
  • PWA Vue.js
  
  • localStorage Vue
  
  

• Angular
  
  • DI Angular —
  
  • Angular 10
  
  • Angular 10
  
  • RxJS:
  
  • Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 154
  
  • Ember
  
  • Ember:
  
  • Netlify-CMS Empress-
  
  

• Libs & Plugins
  
  • keen-slider — , typescript, , IE 10.
  
  • Checkboxland — JavaScript HTML-.
  
  • SolidJS:
  
  • tragopan — pan/zoom
  
  • Rando.js —
  
  • Noact — Virtual DOM
  
  

• O Chrome oferece uma nova interface de visualizador de PDF e adiciona suporte ao AVIF

• O Chrome, Firefox e Safari limitarão a vida útil dos certificados TLS a 13 meses

• Bem-vindo o Safari à comunidade WebExtensions

• Safari, Web e autenticação

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

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .