Resumo de materiais novos do mundo do front-end na última semana # 457 (1 a 7 de março de 2021)

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

• "News 512" de CSSSR: "History of the frontend" por CSSSR, Chrome 89, Flutter 2, importar mapas, free-for.dev, estruturas de dados Ivy

• "News 512" de CSSSR: Not a bundle, CSS-in -JS em DevTools, tutorial de Rollup, sombras, :: antes e :: depois dos pseudo-elementos

• Podcast "Make Me Beautiful" nº 56 - Não se preocupe, vá para o Bloco de Notas

• Podcast "Front-end Youth" nº 175: O atitude aberta de estrelas do rock na Netflix

• Archakov Blog: entrevista para uma posição de desenvolvedor de frontend intermediário

desenvolvimento web

• Histórico do front-end: um navegador que fazia tudo

• O estado dos dispositivos móveis e por que os testes da web móvel são importantes

• Como desenvolver e testar um design Mobile-First em 2021

• Um guia para iniciantes em CMS sem cabeça e Jamstack

• 7 HTML úteis atributos que você talvez não conheça

• Metatags dinâmicas para bots e rastreadores com Firebase e Cloudflare Workers

• 
  
  • Snowpack v3
  
  • Unicode Range Interchange — unicode-
  
  • Google Fonts + Material Icons. Google Fonts Material Design
  
  

• 
  
  • -
  
  • Core Web Vitals: Google
  
  •
  
  • Cloudflare Worker
  
  

• 
  
  •
  
  •
  
  

• 
  
  • Details 
  
  • c SVG
  
  • GSAP 3 -
  
  

CSS

• CORES CSS

• Três maneiras de criar manchas com CSS e SVG

• Gradientes de "zona morta cinza"

• Um carrossel CSS ultraflexível aprimorado com navegação JavaScript

• Novos recursos CSS em 2021

• A importância de aprender CSS

• O futuro do CSS: Scroll - Animação vinculada e @ scroll-timeline (parte 2)

• Pare de usar fontes com ícones

• Como detectar a posição do mouse em CSS

• Aprenda @propriedade e seus recursos de animação

• Acordeão semântico animado em CSS puro

• Imagens responsivas : diferentes técnicas e táticas

• Folha de referências de grade CSS ilustrada em 2021

JavaScript

• 5 erros comuns de memória JavaScript

• Como um "desenvolvedor JavaScript" anti-TypeScript como eu se tornou um fã do TypeScript

• O lado negro do Javascript: três funções que você nunca vai querer usar

• Controle o comportamento de importação de JavaScript com mapas de importação

• Gyro -web: acessar a orientação do dispositivo em JavaScript

• 
  
  • Google Flutter 2 Dart 2.12
  
  • Electron 12.0.0
  
  • Gatsby 3.0
  
  • jQuery 3.6.0
  
  

• React
  
  • HowToCode — React TypeScript
  
  • : React
  
  • Aleph.js: React Deno
  
  • 7 React
  
  • - React
  
  • React
  
  

• Vue
  
  • Vue CLI
  
  • 8 Puzzle Vue.js Evanescence
  
  

• Angular
  
  • Angular
  
  • Angular:
  
  • Angular View Encapsulation
  
  • Angular
  
  • Angular
  
  • Angular Universal: Angular Universal:
  
  • View State Selector Angular design pattern
  
  • Ivy
  
  

• Ember
  
  • The Ember Times — Issue No. 174
  
  • Ember.js 2021
  
  

• Svelte
  
  • : Svelte WebStorm
  
  • Svelte prefers-reduced-motion
  
  

• Lançamento do Chrome 89

• O Google simplifica os testes de novos recursos do Chrome com uma nova seção de Experimentos

• O Google reduz o ciclo de preparação para novos lançamentos do Chrome de seis para quatro semanas

• A Microsoft lançou o Edge 89 - o navegador é iniciado até 41% mais rápido e agora oferece suporte a guias verticais

• Bravos desenvolvedores de navegadores lançarão seu mecanismo de busca de alta privacidade em breve

• WordPress está considerando abandonar o suporte para o IE 11

• O núcleo do Drupal está abandonando o suporte para Internet Explorer 11 no Drupal 10



Digest na semana passada .

Material preparado dersmoll e alekskorovin .