The digest of fresh materials from the world of the front-end for the last week No. 414 (May 4 - 10, 2020)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media     |    Web Development     |    CSS     |    Javascript     |    Browsers     |    Entertaining     |    

Media

• Podcast “Web Standards” No. 228: DevTools, Web Standards website, text selection, px vs rem, Atomic CSS-in-JS, refactoring
• Podcast “Frontend Youth (18+)” # 136: About online conferences with Alexei Fedorov
• Live coding with Vadim Makeev: Cap on grids and flexes with gaps and BEM

Web development

• Who will bury the modern web?
• A simple approach to working with responsive images
• Storage for the Web
• Canvas API memo
• How and why you should avoid CORS in SPA
• 13 security tips for front-end applications
• HTML5 Boilerplate project is 10 years old

• 
  • 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

• Understanding CSS Grid (2 part): Grid lines , (3 part): Grid areas
• Highlighting and CSS
• Adventures of Masonry layout in CSS
• Ways to style lists
• Units of `lh` and` rlh`
• Play with (fake ) Container Queries with watched-box and resizeasaurus
• Everything I learned about min (), max () and clamp () in CSS
• Let's dig deeper into CSS Container properties
• How to easily create an adaptive vertical rhythm using CSS
• In Chromium appears Flexbox gap support
• Deep immersion in CSS Grid
• CSS Finds in Twitter Design
• Adding CSS to a Page Using HTTP Headers
• How to Create Pure CSS Games
• A Complete Guide to CSS Features

Javascript

• JavaScript Workplace Hall of Fame , part 2
• Understanding (all) “modular” JavaScript formats and tools
• ES2020: everything you need to know
• Creating a crossword puzzle generator using JavaScript
• JavaScript rendering and problems for SEO in 2020
• Counting the time in 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 — , .
  

• Release of Firefox 76
• Release of Firefox 76 - Audio worklets, CSS System Colors and more
• Published Playwright 1.0, a package for automating work with Chromium, Firefox and WebKit
• Firefox 76: audio worlets and other tricks

Entertaining

• Another Zoom answer. Google will embed Meet video conferencing directly in Gmail
• Hackers have learned to hide web skimmers behind favicon sites
• GitHub has analyzed the impact of COVID-19 on development activity
• A development environment and discussion system have been added to GitHub
• How to design a profile on GitHub so that it works when searching for a job
• Facebook introduced a service for poor countries - the Internet will be free, but only in text. Editorial Material
• The EU prohibits the use of “wall cookies” on sites to restrict access to content and force data collection

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .