Resumo de materiais novos do mundo do front-end na última semana # 463 (12 a 18 de abril de 2021)

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

• "News 512" do CSSSR: Chrome 90, Deno 1.9, análise de desempenho JS, compiladores, layout de e-mails, pnpm 6, ESLint 7.24.0

• podcast "proConf" nº 92: GatsbyConf 2021

• podcast "Make me beautiful" nº 60 - O único frontend que bota ovos

• Podcast "Frontend Yunost" # 183: O caminho de uma ideia a um projeto OpenSource popular

• Podcast "Como é?" Questão 2: Líderes de equipe, gerentes de projeto, testadores - quem são todas essas pessoas?

desenvolvimento web

• Atributos pouco conhecidos, mas interessantes em HTML

• Microfrontends: Divide and Conquer

• Um guia completo para criar modelos de e- mail em HTML

• Acessibilidade prática Parte 2: Dê um nome para (quase) tudo

• Notícias da plataforma: Uso: focus-visible, a nova BBC font. Declarative Shadow DOMs, A11Y e placeholders

• Lento e cuidadoso: convertendo toda a interface do Sentry para TypeScript

• As tensões entre Wix e WordPress estão crescendo

• 
  
  • Parcel Snowpack —
  
  •
  
  • natto.dev — JavaScript-
  
  • Frontend Toolkit — -
  
  

• 
  
  • Cumulative Layout Shift
  
  • WebAssembly ?
  
  • JavaScript DevTools
  
  • CSS CSS-in-JS
  
  

• 
  
  • 2D- Matter.js Paper.js
  
  • Meta GSAP: «»
  
  

CSS

• Fontes não padrão: como conectar e otimizar

• Quais geradores CSS podem ser usados ​​em 2021

• Variáveis ​​CSS personalizadas, inversão de cores e criação de tema escuro em 5 minutos

• CSS: trabalhar com texto em imagens

• CSS Tailwind: para usar, ou não usar?

• Tailwind UI: agora com suporte React + Vue

• Problemas de estouro em CSS

• Como fazer estilos com a API Fullscreen

• Diga olá para CSS Container Queries

• CSS é uma linguagem fortemente tipada

• Um guia para iniciantes sobre novos utilitários no Bootstrap 5

• Use Reseter.css em vez de Normalize e Reset.css. Para melhorar a compatibilidade entre navegadores.

JavaScript

• Segurança de tipo em JavaScript: Flow e TypeScript

• Trabalho com datas e fusos horários em JavaScript

• Redimensionar imagens com base no contexto com JavaScript

• Trabalho com strings em JavaScript moderno

• Geradores de JavaScript: async / await superiores

• Uma abordagem diferente para a arquitetura de front-end

• React
  
  • React, Preact, Inferno
  
  • React: . JavaScript
  
  • The next big thing! React Query server-state data management
  
  • React Router Hooks: ,
  
  • React
  
  • Redux
  
  • Remotion: React.
  
  • 5 , React
  
  

• Vue
  
  • Nuxt.js, Node Express
  
  • Vue Vue 3
  
  • provide/inject Vue.js 3 Composition API
  
  • , React- Vue
  
  

• Angular
  
  • LocalStorage, SessionStorage Cookies.
  
  • Angular CSS
  
  

• Libs & Plugins
  
  • lazyfill —
  
  

• Out Chrome 90

• Habilitação de HTTP / 3 no Firefox está agendada para o final de maio

• No Firefox 90 será removido o código que suporta o FTP

• Desenvolvedores Vivaldi e Brave recusaram-se a usar FLoC do Google, para substituir o cookie de terceiros

• O Microsoft Edge agora é um "modo infantil" especial

• Firefox Nightly e Beta agora oferecem suporte a QUIC e HTTP / 3

• WebKit: Apresentando CSS Grid Inspector



Digest da semana passada .

Material preparado por dersmoll e alekskorovin .