The digest of fresh materials from the world of the front-end for the last week No. 415 (May 11-17, 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: Github Codespaces, Playwright and Puppeteer, Masonry layout, Firefox 76, NodeJS 14.2.0 and other releases
• Web Standards podcast No. 230: Aspect ratio, advertising, appearance: none, top-level await, Deno, storage, price of styles
• UnderJS Podcast # 21 - Node.js 14, TypeScript 3.9 [Classic]
• Podcast “Frontend Youth” # 138 Signor Tasks
• Vadim Makeev video blog №21. Adaptive grid guides on gradients and custom properties

Web development

• Modern front-end architectures (Part 2)
• Martin Splitt: Don't try to reinvent the wheel in SEO
• Conquering UTM tags
• Available images when they matter most
• Persistent storage
• Online visualizer SVG Path
• A selection of creative concepts "UI Interactions & Animations Roundup # 6"

• Performance
  
  • Costly styles. Yandex report
  • Optimizing the loading of the handwritten font
  • Is it worth hosting Google Fonts

CSS

• Responsive font. Adapting text between mock and min values
• CSS functions min (), max () and clamp ()
• Timeline animation in CSS: creating a Goldberg machine
• Modern CSS solutions for old CSS problems
• CSS fix for 100vh in mobile WebKit
• How to tame Line Height in CSS
• Responsive masonry layout on CSS grid + vanilla JavaScript
• Using CSS masks to create serrated edges
• Turning a fixed-size object into an adaptive element

Javascript

• We join the ISS using JavaScript and the compass
• Node.js introduced the Deno 1.0 secure JavaScript platform
• The most difficult questions in JavaScript interviews. Part 2
• The Deno Handbook: A Brief Introduction to Deno
• Node.js Certification: My Experience and Tips
• JavaScript Features That You Can Forget
• TypeScript 3.9 Release
• Comparing Elm with Ember Octane and React

• 
  
  • Async/Await
  • , spread JavaScript
  • JavaScript
  • Javascript- Google
  

• React
  
  • « React»: Recoil — A state management library for React Pro Unlimited
  • : Deno React SSR
  • Recoil — React
  • React — ( !)
  • : () React
  • React. “prefers-reduced-motion”
  • React
  • TypeScript React Webpack Babel
  • stale props React
  • React Cool Inview — React , ( )

• Vue
  
  • Vue , ,
  • 5 JavaScript, Vue
  • TypeScript Vue.js.
  

• Angular
  
  • Angular
  • Angular
  • - Angular
  • if- Angular
  • Angular Starter: Angular 9 + Material + Transloco + Jest + Compodoc
  

• Ember
  
  • Ember 3.18
  • MDN web docs: Ember tutorials
  • The Ember Times — Issue No. 148
  • Coveralls Ember
  • Ember:
  

• Svelte
  
  • 3 Svelte
  • Typescript Svelte
  

• Libs & Plugins
  
  • 5 JavaScript-
  • Perfume v5 — -
  

• Chrome extension to hide distracting recommendations on YouTube
• Starting in August, Google Chrome will start blocking “heavy” ads that put a heavy load on the CPU and battery
• Google will add tab grouping and highlighting in Chrome to increase productivity
• Firefox 78 will show a process manager
• Google Chrome will start blocking the loading of resource-intensive ads
• Controversial changes to the reader mode interface have been made in the nightly builds of Firefox
• Mozilla has disabled additional authentication for systems without a master password
• What's New in DevTools (Chrome 84)

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 .