Resumo de materiais novos do mundo de front-end na última semana # 425 (20 - 26 de julho 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

• Podcast "Web Standards" # 240: MoscowJS, beta Chrome 85, TypeScript em Svelte, digitação e despejos em CSS, o que é Numl

• Podcast "Frontend Youth (18+)" # 147: Jenkins obtém código de Mediazone

• Podcast CSSSR : Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update

• Podcast "Make Me Beautiful", Issue # 38: Tuples in js, pré-otimização useCallbacks e um pit com SPA

desenvolvimento web

• É hora de carregar lentamente <iframe> s fora da tela

• Interface do lado direito: adaptando controles para idiomas da direita para a esquerda

• Yaml para desenvolvedores da web

• Autorização e autenticação para todos

• O Google adiou a transição para a indexação voltada para dispositivos móveis até março de 2021

• HTML completo em README do GitHub com SVG foreignObject

• Apresentando o Jamstack: Criando sites seguros e de alto desempenho

• Use Chrome DevTools como desenvolvedor front-end sênior

• 5 estratégias de cache do Service Worker para seu próximo aplicativo PWA

• 
  
  • HTML/CSS
  
  •
  
  • ADA Website Accessibility Compliance
  
  

CSS

• Soluções modernas para problemas antigos de CSS: Manter o rodapé na parte inferior da página , Elementos da mesma altura: Flexbox vs Grade , Dimensionamento de imagens com CSS

• Forma nativa de colorir ícones SVG

• Sobre conflitos Sass e recursos CSS relativamente novos

• Explicação de palavras-chave inicial, herdada, não definida e reverter para CSS

• @property: superpoderes as variáveis ​​CSS

• Técnicas CSS modernas para melhorar a legibilidade

• keyframes.app - uma ferramenta visual online que facilita a criação de CSS para animações

• Usando Flexbox com reticências de texto

• Sublinhado CSS animado

• Como usar vários fundos em CSS

• Quando você usa bloco embutido?

• Gerador online de imagens de livros tridimensionais em CSS

• css-media-vars - Uma nova maneira de escrever CSS responsivo. Pontos de interrupção nomeados, seletores DRY, sem scripts, sem assemblies, vanilla CSS.

• Além dos tamanhos da tela: Design responsivo em 2020

• Blobs CSS realistas

JavaScript

• Escolhendo dependências de JavaScript

• Uma maneira de entender literais de template em JavaScript

• JQuery reativo para código spaghetti

• Importando bibliotecas não ESM para módulos ES com vanilla JS

• 
  
  • JavaScript
  
  • JavaScript —
  
  • VanillaJS
  
  • ?
  
  

• React
  
  • Debouncing React Hooks:
  
  • React Router. 3— , props +
  
  • SVG React
  
  • React- 3 ?
  
  • Styled-Components React
  
  • React —
  
  • React, 2: React Testing
  
  • 4 React
  
  

• Vue
  
  • Vuex Vue 3
  
  • Electron Vue
  
  • Vue Slots
  
  • Vue 3.0 -!
  
  • Chakra UI Nuxt.js
  
  • Code Coverage Vue
  
  • SVG Vue
  
  

• Angular
  
  • Angular
  
  • Change Detection Angular
  
  • Angular DI:
  
  • 5 , Angular
  
  • Angular + CSS Modules
  
  

• Ember
  
  • The Ember Times — Issue No. 157
  
  • , ember
  
  • Ember.js,
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Svelte TypeScript — - !
  
  

• Libs & Plugins
  
  • doom-scroller.js - uma biblioteca JavaScript divertida que o ajudará a se livrar da rolagem sem fim adicionando elementos do Doom
  
  • mailgo - um novo conceito de janelas modais para links mailto e tel
  
  • Setas perfeitas - um conjunto de funções para desenhar setas perfeitas entre os pontos e figuras.
  
  

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

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .