Digest of fresh materials from the frontend world for the last week # 424 (July 13 - 19, 2020)

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

Media     |    Web Development     |    CSS     |    JavaScript     |    Browsers     |    Entertaining

Media

• Podcast "Web Standards" # 238: Events in Yandex, Safari, browser plans, new CSS Zen Garden, Houdini vs CSS, Yandex UI kit

• Podcast "Frontend Youth (18+)" # 146: On trial for lack of accessibility

• Podcast "CSSSR": Vue 3, new CSS features, web.dev Russia, PHP 8, ML and QA, polymorphism, State of Frontend 2020

Web development

• Return of the web of the 90s

• Wasm or not Wasm?

• How we decided to optimize the pictures - and in the process we redesigned the site, admin panel and interface approach

• Adding augmented reality to your sites

• From Gatsby to Eleventy: Choosing a static site generator for a personal site

• Current state of pixel-perfect layout

• How to switch from Bootstrap Version 4 to 5

• Make Jamstack Slow? Challenge accepted.

• Accessibility
  
  • Details of The A11Y Project website redesign
  
  • Button status and availability
  
  

CSS

• What I Didn't Know About CSS

• The Invisible Parts of CSS

• 8 SCSS Recommendations to Remember

• Standing Cards Effect on CSS

• Three CSS Navigation Alternatives in JavaScript

• Grids Part 1: To grid or not to grid

• CSS breakpoints used by popular CSS frameworks

• Backdrop Filter effect with CSS

• “click to animate gif” solution in pure CSS

• Style Stage - various combinations of modern CSS techniques to style one HTML structure in CSS Zen Garden style

• How to make text italic

JavaScript

• 4 revolutionary JavaScript features from the future

• 155 JavaScript questions

• Installing and updating dependencies in JavaScript

• What is closure, explained by Dan Abramov

• A simple explanation of event delegation in JavaScript

• The 34 most popular JS repositories on GitHub in June 2020

• 14 tips to optimize JavaScript code for front-end developers

• 8 silly JavaScript projects that will make you smile

• Eliminating duplicate objects: three approaches

• React
  
  • - React
  
  • web- React
  
  • React
  
  • React Spectrum — Adobe, ,
  
  • Vue React
  
  • React Router 6
  
  

• Vue
  
  • Vue.js , 3:
  
  • Vue.js , 4:
  
  • Vue 3 RC
  
  • Vue: Vue 3
  
  • Vuex Vue 3
  
  • IntersectionObserver Vue.js
  
  

• Angular
  
  • Angular
  
  • Angular Rxjs
  
  • Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 156
  
  • Ember ?
  
  • ember-concurrency TypeScript
  
  

• Svelte
  
  • Svelte
  
  • Leaflet Svelte
  
  • Svelte ( Svelte)
  
  

• Libs & Plugins
  
  • uvu — - Node.js
  
  • form-validation.js — JavaScript.
  
  • Stimulus.js, JavaScript , HTML
  
  • Bree — Node.js cron, dates, ms, later human-friendly strings
  
  • Bumblebee — JavaScript
  
  • Facebook Recoil
  
  

Browsers

• New in Chrome 84

• Chrome 84 release

• Windows 10 fix that reduced memory consumption in Chrome, disabled in the new version of the browser

Entertaining

• Google dispelled SEO myths about crawling budget

• Mozilla VPN service officially launched

• GitHub went under the ice: 21 TB of open source hidden in the Arctic repository

• Apple updated the developer style guide and replaced the words blacklist, master and slave in it to combat discrimination

• NYT: Hacked Twitter accounts of Musk and others gained access to internal tools through the company's Slack chat

• Linus Torvalds approved the removal of the terms slave, blacklist and others from the Linux kernel

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 .