Resumo de materiais novos do mundo de front-end na última semana # 440 (2 a 8 de novembro 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

• Podcast “Make Me Beautiful”, Issue # 48: Você não deveria deixar o robô

• Podcast “Web Standards” # 254: Mozilla versus features, Microsoft versus IE, de alturas, mini-ups em super-ups, designer em Yandex

• “News 512 "De CSSSR: NodeJS 14.15.0 LTS, NextJS 10, serverless horror, offline analytics, package-lock.json, npm roadmap

desenvolvimento web

• Como entender a API HTML?

• Como se tornar um desenvolvedor front-end? Um guia passo a passo para o mundo do frontend

• Como animar o elemento Details com WAAPI

• Topografia de velocidade do site

• Internacionalização e localização de sites estáticos

• "Live DOM" não é "lento", "ruim" ou "errado". O problema é com os desenvolvedores da web.

• Jogue o Chrome Dino em um gamepad usando a API Gamepad

• Ferramentas
  
  • Uma visão geral dos editores de código
  
  • Como modificar sites de terceiros com ferramentas de desenvolvedor baseadas em navegador
  
  • Adobe XD para Visual Studio Code
  
  

• Acessibilidade
  
  • Fontes disponíveis: pare de usar o PX!
  
  • Como encontrar e corrigir problemas populares de acessibilidade na web
  
  • O que é a Seção 508 e por que ela é importante?
  
  

CSS

• Shadow DOM declarativo para isolamento de estilo

• Comparação de diferentes maneiras de ocultar coisas em CSS

• Como escrever loops com pré-processadores

• Consultas de contêiner chegam ao Chromium!

• no Guia de grade CSS

• Animações aditivas em CSS

• Layout de alvenaria CSS nativo na grade CSS

• Como animar CSS

• Utilitário de fluxo de CSS

JavaScript

• JS e seus segredos proibidos

• 12 livros úteis sobre JavaScript

• LocalStorage vs. Cookies: tudo o que você precisa saber sobre o armazenamento seguro de tokens JWT no front-end

• 24 trechos ES6 modernos para resolver problemas práticos de JavaScript

• O que diabos é o JavaScript? - Lista de exemplos de código JavaScript engraçados e complicados

• 
  
  • JavaScript
  
  • ES2020 Optional Chaining . .
  
  • JS JS?
  
  • 7 Dependency Injection JavaScript
  
  • JavaScript — Arrow Functions
  
  • ES
  
  

• React
  
  • Next.js V10?
  
  • React
  
  •
  
  • React
  
  • Quarkly – react- ,
  
  

• Vue
  
  • Quasar — Vue
  
  • Vue 3 Typescript
  
  • VueJS
  
  • Vue 3
  
  • Vue
  
  • LocalStorage Vue
  
  • , Vue 3
  
  

• Angular
  
  • Angular
  
  • Angular
  
  • Angular ,
  
  

• Ember
  
  • The Ember Times — Issue No. 167
  
  • ember-cli-deploy-s3-index
  
  

• Svelte
  
  • svelte-kit
  
  • SvelteKit?
  
  

• Libs & Plugins
  
  • Simorgh — BBC Single Page PWA/AMP
  
  • Dojo3D — , .
  
  • Graphery SVG — SVG
  
  

• NETSCAPE: Uma crônica de altos e baixos

• Vivaldi para Linux - abertamente admitido

• O Chrome planeja adicionar seu próprio repositório de certificados raiz



Digest na semana passada .

Material preparado dersmoll e alekskorovin .