The digest of fresh materials from the world of the front-end for the last week No. 421 (June 22 - 28, 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

Media

• CSSSR podcast - Telegram unlocked, WWDC 2020, DX, NodeJS 14 features, Webpack 5 beta 18, VPN from Mozilla

• Web Standards podcast # 235: Safari Evangelist, Bootstrap 5, content-visibility, grids, checkboxes, forms, API for PWA

• Podcast "Frontend Youth (18+)" # 143: Developers' lives are important

Web development

• How to make up web interfaces quickly, efficiently and interestingly

• How to make money on web scraping

• How to become a front-end team lead and how to live after that - decoding the broadcast

• Looking back at five years of AMP existence

• An overview of page scrolling techniques

• 
  
  • DevTools (Chrome 85)
  
  •
  
  • npm v7 — `package-lock.json`?
  
  

• 
  
  •
  
  •
  
  • Core Vitals Google
  
  • WebP , JPEG?
  
  •
  
  • 100 Google PageSpeed ​​Insights
  
  

• 
  
  •
  
  • - +
  
  

• 
  
  • «Awesome Demos Roundup #16»
  
  • A Glitchy Grid Layout Slideshow
  
  • «Inspirational Websites Roundup #16»
  
  • Custom Shape Dividers — SVG
  
  

CSS

• Emulate various media expressions in Chrome and debug dark mode

• Font rendering inconsistencies in browsers

• Styling Layout Wrappers in CSS

• Crumpled poster effect on CSS

• Testing animation support with “prefers-reduced-motion”

• CSS Basics: Animation

• Debugging HTML Using Advanced CSS Selectors

• Using the Stacks Custom Property to Tame the Cascade

Javascript

• What a JavaScript developer should know about Curl

• Bypass captchas with Headless Chrome

• Simulation of crystal growth: diffusion-limited aggregation in Javascript

• Memory in JavaScript - no leaks

• Tutorial. Task list with drag & drop

• How to get screen, window and web page sizes in JavaScript

• New features in TypeScript 3.9

• JavaScript concepts that you need to master before learning React

• React
  
  • - ReactJS Netlify PWA Store
  
  • 15 React
  
  • React 2020
  
  • SWR: React
  
  • React- Jest
  
  • React React Native — Wix.com
  
  • MDX: Markdown
  
  • Zelda BOTW React, Tailwind Framer-motion: 1
  
  • Next JS 9.4
  
  • React Query 2.0
  
  

• Vue
  
  • Vue.js: The Documentary ( )
  
  • PWA Vue.js
  
  • localStorage Vue
  
  

• Angular
  
  • DI Angular —
  
  • Angular 10
  
  • Angular 10
  
  • RxJS:
  
  • Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 154
  
  • Ember
  
  • Ember:
  
  • Netlify-CMS Empress-
  
  

• Libs & Plugins
  
  • keen-slider — , typescript, , IE 10.
  
  • Checkboxland — JavaScript HTML-.
  
  • SolidJS:
  
  • tragopan — pan/zoom
  
  • Rando.js —
  
  • Noact — Virtual DOM
  
  

• Chrome introduced a new PDF viewer interface and added support for AVIF

• Chrome, Firefox and Safari will limit the life of TLS certificates to 13 months

• Welcome to Safari in the WebExtensions community

• Safari, Web, and Authentication

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

Digest for the last week .

Material prepared dersmoll and alekskorovin .