Frontend Weekly Digest (25 de fevereiro a 3 de março de 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 | CSS Javascript

---

Desenvolvimento Web

• Retrabalho do portfólio Parte 1: Animação, micro interação e SVG
• Geradores de sites estáticos: um guia para iniciantes

• Acessibilidade:
  • Quando um botão não é um botão?
  • A acessibilidade não é um "problema de reação"
  • Guia de acessibilidade da Web - Uma coleção com curadoria de dicas, truques e práticas recomendadas de acessibilidade da Web.
  • Práticas de criação da ARIA em selecionadores de data acessíveis
  • Uma análise de acessibilidade das 1.000.000 páginas principais
  • Usando inteligência artificial para gerar texto alternativo em imagens
  

• Desempenho:
  • Um pouco de desempenho
  • Servir Imagens Responsivas
  

• Animações:
  • Efeitos de filtro SVG: avançando
  • Efeito de trilha de texto
  
  

CSS

• Projetos responsivos e propriedades personalizadas de CSS: definindo variáveis ​​e pontos de interrupção
• O modelo mental CSS da PPK
• O Grupo de Trabalho CSS concordou em adicionar muitas funções matemáticas
• Quebrando caixas com fragmentação CSS por Rachel Andrew
• Recriar o efeito gradiente do Facebook Messenger com CSS
• Cheatsheet e detalhes dos seletores CSS
• Propriedades CSS menos conhecidas em GIFs
• 8 pequenos vídeos sobre o Firefox Shape Path Editor
• As propriedades personalizadas de CSS vencem loops de Sass?
• Olhe Ma, sem consultas de mídia! Layouts responsivos usando grade CSS

Javascript

• JavaScript SEO: Bem-vindo a uma nova série!
• Como escrever aplicativos JavaScript modernos simples com Webpack e técnicas progressivas da Web
• Lançamentos: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• Entendendo um problema de desempenho com dados JSON "polimórficos"

• Teoria:
  • O guia completo para loops em JavaScript
  • Qual é a sequência mais longa de palavras-chave em Javascript?
  • Retornos de chamada: o guia definitivo
  

• Reagir:
  • Migramos para o Next.js para exibir nossa página inicial 7,5 × mais rápido
  • Melhorando o desempenho em reagir componentes funcionais usando React.memo ()
  • Como a "Regra de Ouro" dos componentes do React pode ajudá-lo a escrever um código melhor
  • Escrevendo testes para reagir aplicativos usando Jest e enzima
  • Redux explicou em 1 minuto
  • 8 razões para usar componentes estilizados
  

• VueJS:
  • Deslizando dentro e fora do Vue.js
  • Criando diretivas personalizadas no Vue.js
  • Mais um exemplo de componente abstrato no Vue.js
  

• Angular:
  • MVC em um mundo angular
  • Anúncio de carregamento angular (ngx-loadable ~ 2.2kB)
  • Como transferir arquivos e dados entre clientes angulares e back-ends do Node.js.
  

• Libs e plugins:
  • FrenchKiss.js - uma biblioteca i18n leve e incrivelmente rápida, escrita em JavaScript, trabalhando nos ambientes navegador e NodeJS. Ele fornece uma solução simples e muito rápida para lidar com a internacionalização.
  • terser - Um analisador JavaScript e um kit de ferramentas de manipulador / compressor para ES6 +.
  • cnbuilder - Outro construtor de nome de classe
  • Zero Server: zero web framework de configuração
  • npmf: busca informações rápidas de um npm pacakge usando o terminal
  

A.

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