O resumo de materiais frescos do mundo do front-end da última semana n ° 414 (4 a 10 de maio de 2020)

Trazemos à sua atenção uma seleção com links para novos materiais da área de front-end e em torno dela.

Mídia     |    Desenvolvimento Web     |    CSS     |    Javascript     |    navegadores     |    Divertido     |    

meios de comunicação

• Podcast “Web Standards” nº 228: DevTools, site de Web Standards, seleção de texto, px vs rem, CSS atômico em JS, refatoração
• Podcast “Frontend Youth (18+)” nº 136: Sobre conferências on-line com Alexei Fedorov
• Codificação ao vivo com Vadim Makeev: limpe grades e flexiona com lacunas e BEM

desenvolvimento web

• Quem enterrará a web moderna?
• Uma abordagem simples para trabalhar com imagens responsivas
• Armazenamento para a Web
• Memorando da API do Canvas
• Como e por que você deve evitar o CORS no SPA
• 13 dicas de segurança para aplicativos front-end
• O projeto HTML5 Boilerplate tem 10 anos

• 
  • 5 , -
  • Google Web Vitals:
  • ESLint v7.0.0
  •
  • actions-cli — GitHub Actions
  

• 
  • 5 +
  • FID (First Input Delay)
  • LCP (Largest Contentful Paint)
  • CLS (Cumulative Layout Shift)
  • webpack
  

• 
  • SVG
  • —
  • Range Slider CSS
  • WordPress
  • generic-components — -
  

CSS

• Entendendo CSS Grid (2 partes): linhas de grade , (3 partes): áreas de grade
• Destaque e CSS
• Aventuras de layout de alvenaria em CSS
• Maneiras de estilizar listas
• Unidades de `lh` e` rlh`
• Jogue com (fake ) Consultas de contêiner com caixa assistida e redimensionamento de notícias
• Tudo o que aprendi sobre min (), max () e clamp () no CSS
• Vamos aprofundar nas propriedades do contêiner CSS
• Como criar facilmente um ritmo vertical adaptável usando CSS
• No Chromium aparece Suporte ao gap do Flexbox
• Imersão profunda na grade CSS
• Descobertas CSS no design do Twitter
• Adicionando CSS a uma página usando cabeçalhos HTTP
• Como criar jogos CSS puros
• Um guia completo para recursos de CSS

Javascript

• Hall da fama do local de trabalho JavaScript , parte 2
• Entendendo os formatos e ferramentas JavaScript "modulares"
• ES2020: tudo o que você precisa saber
• Criando um gerador de palavras cruzadas usando JavaScript
• Renderização de JavaScript e problemas para SEO em 2020
• Contando o tempo em javascript

• React
  • Tablist Vanilla JavaScript React
  • -
  • React
  • React ?
  • react-virtual — React
  • React Flow —
  • react-select-search — select- React
  • React-Tiny-Link — - -
  

• Vue
  • Vue Firebase
  • Vue 3 Composition API —
  

• Angular
  • Observable Angular
  • Angular: Outlook
  • Angular — ,
  • Angular: ,
  • 6 , Angular
  

• Ember
  • Ember Octane React
  • The Ember Times — Issue No. 147
  

• Svelte
  • Svelte
  • 7 Svelte,
  • Svelte headless CMS
  • SvelteJS:
  • Sapper Svelte
  

• Libs & Plugins
  • RoughJS
  • Pico — Javascript
  • Selecto.js — , .
  

• Lançamento do Firefox 76
• Lançamento do Firefox 76 - Worklets de áudio, cores do sistema CSS e muito mais
• Publicado Playwright 1.0, um pacote para automatizar o trabalho com Chromium, Firefox e WebKit
• Firefox 76: worlets de áudio e outros truques

Divertido

• Outra resposta de zoom. O Google incorporará Conheça a videoconferência diretamente no Gmail
• Os hackers aprenderam a ocultar os skimmers atrás dos sites favicon
• O GitHub analisou o impacto do COVID-19 na atividade de desenvolvimento
• Um ambiente de desenvolvimento e sistema de discussão foram adicionados ao GitHub
• Como criar um perfil no GitHub para que ele funcione ao procurar um emprego
• O Facebook introduziu um serviço para países pobres - a Internet será gratuita, mas apenas em texto Material editorial
• A UE proíbe o uso de "paredes de cookies" em sites para restringir o acesso ao conteúdo e forçar a coleta de dados

Pedimos desculpas por quaisquer erros de digitação ou links quebrados / duplicados. Se você perceber um problema - escreva em um e-mail pessoal, tentamos corrigi-lo rapidamente.

Resumo da semana passada .
Material preparado dersmoll e alekskorovin .