Resumo de materiais novos do mundo de front-end na última semana # 431 (1 a 6 de setembro 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

• CSSSR Podcast: Chrome 85, NodeJS 14.9.0, css-reset vs css-normalize, JS e PHP framework releases, adeus PhoneGap

• UnderJS Podcast # 25 - A Little Break, TypeScript 4, Angular 10

• Frontend Youth (18+ ) - # 153 Editando PSD em VSCode

• Podcast "Make Me Beautiful", Issue # 43: Quanto pior o código, melhores serão os programadores (em Aviasales)

• Podcast "Web Standards" # 245. Firefox 80 e Chrome 85, nenhum novo IE, por que Yarn 2, novo AVIF e WebP v2

• O Podcast CSS # 023: Filtros

• Podcast Toolsday: "Svelte: A Second Look"

desenvolvimento web

• Comparação de ferramentas Blazor e JavaScript

• Segurança de projetos npm, parte 1

• Sobre Shadow DOM

• Como garantir a segurança de APIs REST

• 4 maneiras de falsificar API no desenvolvimento de front-end

• 11 estruturas de micro-front-end que você deve conhecer

• Ferramentas
  
  • Tudo que você precisa saber para começar a usar Deno
  
  • Comparação de ferramentas para trabalhar com design responsivo
  
  • Tudo que os desenvolvedores precisam saber sobre o Figma
  
  

• 
  
  • . 2. Event loop, layout, paint, composite
  
  •
  
  • GTmetrix : Lighthouse, , PRO .
  
  • JavaScript ( )
  
  • SVG
  
  

• 
  
  • -
  
  •
  
  •
  
  

CSS

• Propriedades personalizadas em CSS. Parte 1: o que é e como funciona , Parte 2: considerações de aplicação , Parte 3: limitações

• Processamento de imagens com CSS

• Como usar CSS Grid para ancorar o cabeçalho e rodapé

• Stroke text with CSS: The Complete Guide

• Technique for Add Wrapping to nova linha após o elemento inline

• Marcadores personalizados usando CSS :: marker

• Além das consultas de mídia: usando novos recursos HTML e CSS para design responsivo

• Layout de cabeçalho usando CSS Flexbox

• Opções para resolver o bug da janela de visualização no Mobile Safari

• Como fazer um componente responsivo com um cartão de produto sem consultas de mídia

• Estilos CSS personalizados para campos de entrada e de texto

• Crie uma barra de rolagem personalizada em 24 linhas de CSS

JavaScript

• Uma visão geral do ts-migrate - uma ferramenta para traduzir projetos de grande escala para TypeScript

• Receitas para preparar aplicativos offline

• Tratamento de erros em JavaScript

• 10 APIs da web pouco conhecidas que você pode usar

• 
  
  • JavaScript:
  
  • JavaScript Array Insert — JavaScript — Push, Unshift Concat
  
  • JavaScript - Native Private Fields
  
  • async/await JavaScript
  
  • JavaScript:
  
  

• React
  
  • React
  
  • Temper — React
  
  • React
  
  • React Storybook
  
  • React Emotion
  
  

• Vue
  
  • 5 Vue.js,
  
  • 4 Vue
  
  • Vue
  
  • Vue 3.0 Composition API
  
  • VueJS
  
  

• Angular
  
  • NgRx
  
  •
  
  

• Ember
  
  • Ember.js
  
  • Ember Domain Components
  
  • CI GitHub Actions Ember: 2
  
  

• Svelte
  
  • Svelte —
  
  • Svelte/Sapper vs Vue
  
  

• Libs & Plugins
  
  • fg-modal — - filament group
  
  • Brahmos — JS API React .
  
  

• A Microsoft prometeu se livrar do Adobe Flash em seus navegadores até o final do ano

• Mozilla: o histórico do navegador é suficiente para identificar um usuário de forma confiável

• Proteção DNS - agora no Chrome para Android

• Chrome 86: foco aprimorado, WebHID e mais

• Por que a diversidade é valiosa navegadores?

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 .