Digest of fresh materials from the frontend world for the last week # 427 (August 3 - 9, 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

• Podcast "Web Standards" # 241. Side podcasts, online events, browser news, main instead of master, search for empathy

• CSSSR podcast: Testing Vue components, roadmap of Github development, Angular, Next.js and git releases

• Podcast "Frontend Youth (18+)" # 149 : Nagibable melts glaciers

Web development

• Front-end development technologies you might not have noticed

• Professional use of Chrome developer tools: 13 tips

• Web development guide for newbies "The no jargon guide" - Deploying your first site

• Emmet 2 for Sublime Text released

• 
  
  • . 1. Critical Render Path
  
  • SSR 10
  
  • Google Core Web Vitals
  
  • «Performance» Chrome React.
  
  • content-visibility: CSS, .
  
  • , Performance Score ( )
  
  • hero-
  
  

• 
  
  • Facebook.com
  
  • Axe-core 4.0,
  
  •
  
  

• 
  
  • «UI Interactions & Animations Roundup #9»
  
  • Magnetic Buttons — «» .
  
  • SVG
  
  • «Inspirational Websites Roundup #17»
  
  

CSS

• CSS Grid is understandable for everyone

• Media queries in SCSS - another convenient way to use @media screen

• 6 powerful CSS features that make it possible to do without JavaScript

• Drop-Shadow: an underrated CSS filter

• Computed Values: more than meets the eye

• Easy solution for Masonry on CSS Grid with JavaScript fallback

• Going deeper into the Flex property

• Modern CSS grid solutions for most layout problems

• Implementing realistic page flipping in CSS

• Optimizing CSS for faster page load

• An interactive CSS vocabulary

• More control over CSS Borders with background-image

• font-weight: 300 can be harmful (and a possible solution with fontconfig)

• Superhero Layout - Combining CSS Grid and CSS Shapes

JavaScript

• My favorite JavaScript tricks

• Node Modules at war: why CommonJS and ES Modules can't work together

• RxJS & Firebase 101

• Announcing a new website for TypeScript

• Reactivity models comparison - React vs Vue vs Svelte vs MobX vs Solid

• 1Keys - How I Made a Piano in Just 1KB JavaScript

• 
  
  • JavaScript
  
  • Array.isArray(Array.prototype) true?
  
  • c , .
  
  

• React
  
  • Concurrent Mode React: -
  
  • Next.js SEO
  
  • React
  
  • Redux
  
  • React: React .
  
  • react-spring
  
  

• Vue
  
  • Vue.js , 9:
  
  • Vue.js , 10:
  
  • - VuePress Bulma
  
  • React Vue.js:
  
  

• Angular
  
  • Angular-
  
  • Angular
  
  • Angular — .
  
  • Angular 10
  
  • Angular,
  
  • Change Detection Angular, -
  
  • Angular 10 — Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 159
  
  

• Svelte
  
  • Svelte Radio, Episode 8 — Amelia Wattenberger, Svelte, D3 and other fun stuff!
  
  • Svelte React?
  
  • svelte
  
  

• Libs & Plugins
  
  • 8 JavaScript Local Storage
  
  • jois — - -.
  
  

• Firefox has started activating protection against tracking movements through redirects

• New Edge for everyone. Microsoft has blocked the ability to uninstall the browser from Windows 10

• The market share of Chrome and Edge continues to grow, and Firefox loses its popularity

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

Digest for the last week .

Material prepared dersmoll and alekskorovin .