Frontend Weekly Digest (20-26 maio 2019)

Nesta semana, publicamos uma seleção realmente enorme de todas as notícias essenciais que você pode ter perdido no desenvolvimento do Front-end. Certifique-se de verificar as atualizações mais recentes em CSS, HTML e JavaScript.

Desenvolvimento Web

• Documentação de front-end, guias de estilo e o surgimento do MDX
• Notas de rodapé que funcionam nos leitores de RSS
• DevChecklist; Criamos esse espaço colaborativo para o compartilhamento de listas de verificação que ajudam a garantir a qualidade do software, guiam você por crises e outras coisas úteis para desenvolvedores ;-)
• Webpack de zero a herói - Capítulo 3: Tudo é um módulo
• WebAssembly no eBay: um caso de uso do mundo real
• Web estática - de volta às raízes?
• Medindo a interatividade com o TTI: tempo para (consistentemente) interativo

• Acessibilidade:
  • Botões de ícones acessíveis
  • Marcando contextualmente imagens acessíveis e SVGs
  • Links externos, novas guias e acessibilidade
  

CSS

• Destaque texto com a marca de marca HTML
• O que há de novo no Tailwind CSS v1
• benefício - estrutura de utilitário CSS de 5kB compatível com TailwindCSS
• a exibição da fonte é incompatível com as fontes de ícone
• O estado da tipografia da Web fluida
• Código como documentação: novas estratégias com grade CSS
• 10 dicas de economia de tempo em CSS que aprendi da maneira mais difícil ao usar o Sass
• Editor de layout flexível
• O problema "interno"
• CSS pode fazer isso?

Javascript

• Abusar do jQuery para ataques de sincronização com CSS
• Carregamento lento de imagens usando a API Intersection Observer
• Criando animações de grade para tela cheia com Three.js

• Teoria:
  • A jornada do JavaScript: do download de scripts à execução - parte II
  • JavaScript funcional: como usar a redução de matriz para mais do que apenas números
  

• Reagir:
  • Assumindo o controle do desempenho da reação
  • A UI do material v4 saiu
  • Usando o WebAssembly com o React
  • Por que você deve renderizar React no lado do servidor
  • Introdução à biblioteca de testes de reação
  • Minha experiência passando da enzima para a biblioteca de teste de reação
  • O guia acessível para usar o redutor
  

• VueJS:
  • Introdução ao Vue - uma visão geral e um tutorial passo a passo
  • Vue.js e SEO: como otimizar sites reativos para mecanismos de pesquisa e bots
  • 5 maneiras fáceis de melhorar drasticamente a velocidade do seu aplicativo VueJS
  

• Angular:
  • Angular 8 RC.5 - Release Candidate enviado com recursos e alterações de última hora
  • Explorando os ganchos angulares do ciclo de vida - OnInit
  • Crie um aplicativo Web progressivo com Angular
  

• Libs e plugins:
  • waitit timeout: uma API baseada em promessa para setTimeout / clearTimeout
  V8n: a melhor biblioteca de validação de JavaScript que você já precisou.
  • Tornis é uma biblioteca JavaScript mínima que observa o estado da janela de exibição do seu navegador, permitindo que você responda sempre que algo mudar.
  • is-incognito-mode: função para identificar se o navegador está no modo anônimo
  

Navegadores

• Opera Gx - O primeiro navegador criado para a sua configuração de jogos será lançado em breve.
• Firefox 67: CSS no modo escuro, WebRender e mais
• Apresentando as primeiras versões do Microsoft Edge preview para macOS
• O Firefox oferece uma reprodução de vídeo suave com o decodificador AV1 mais rápido do mundo

Obrigado pela leitura! Sinta-se à vontade para enviar seus artigos ou novos conteúdos úteis que você deseja ver no próximo resumo.