Digest of fresh materials from the frontend world for the last week # 439 (October 26 - 31, 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

Podcasts

• SDCast # 124: visiting Mikhail Bodnarchuk, web developer from Kiev, author of frameworks for testing Codeception & CodeceptJS

• Podcast "Web Standards" №253. Edge on Linux, Safari, Chrome 87, Firefox 82, MDN, CSS State and Structure, Browser History

• CSSSR Podcast: CSS 3D, Webpack 5 Guide, NodeJS 15, React 17 and CRA 4, Playwright Python, Composer 2, Observer APIs

• proConf podcast # 77: React Native EU 2020

• Frontend Youth (18+) podcast # 161: I quit crypt and hope to never return there

Web development

• Build a microservice architecture using single-spa (migrating an existing project)

• How the browser renders a web page

• Comparison of build times with static site generators

• 10 useful HTML File Upload tips for web developers

• HTTP 2 Push: Facts? Fiction? Placebo?

• Pattern comparisons in microfronts

• NPM clients better than the original

• 
  
  •
  
  •
  
  • Web Accessibility in action.  WCAG-  
  
  • !
  
  • -: 2
  
  

• 
  
  •
  
  • - «Awesome Demos Roundup #18»
  
  • , Web Audio API
  
  

CSS

• Setting Height and Width for images is important again

• Responsive height design

• Pure HTML + CSS madness

• Comparison of different ways to hide things in CSS

• CSS Layouts - Using Flex-Wrap to go beyond the grid

• LibSass has dropped support

• More about content- visibility

• The trick for toggling CSS custom properties

• Avoiding layout shifting with the CSS grid

• Protecting tables and floats in modern design

• A look at CSS units: pixels, EM and percentages

• Grab user attention with: focus-within CSS selector

• Comparison of all units in CSS with explanation

JavaScript

• JavaScript Cheat Sheet You'll Need in 2020

• Impossible Override: XSS Without Arbitrary JavaScript

• Contributor Story jQuery

• Theory
  
  • Examples of using observers in JavaScript
  
  • Browser and floating point numbers
  
  • Everything you need to know about proxies in JavaScript
  
  • Getting started with modern JavaScript - destructuring
  
  • Explaining memory management in JavaScript
  
  

• React
  
  • Next.js 10
  
  • React UX
  
  • NextJS 10
  
  • React Hooks
  
  • ( ) Redux
  
  • : React
  
  • React Router v5:
  
  

• Vue
  
  • Vue.js vue-i18n Localazy
  
  • VueJS script gadgets
  
  • Quasar vs. Vutify vs. Bootstrap Vue: UI Vue.js
  
  • Vue JS 3
  
  

• Angular
  
  • tree view Angular
  
  • #53 Angular UIKit. angular schematics. UiKit . schematics angular library.
  
  • Angular CLI Builder
  
  • Angular
  
  • Angular Router:
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • @use
  
  • Ember Micro-Frontends single-spa
  
  

• Svelte
  
  • React vs Svelte - Comprehensive JS Library Comparison
  
  • Sapper is dead! What's next in Svelte?
  
  • Svelte rendering and SEO
  
  

Browsers

• Opera will become Chinese: the company from the Middle Kingdom will receive the main shareholding

• Some sites will not open in the Internet Explorer browser, forcing the use of Edge

• In the Microsoft Edge browser, vertical



Digest tabs appeared over the past week .

Material prepared dersmoll and alekskorovin .