Digest of fresh materials from the frontend world for the last week # 426 (July 27 - August 2, 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

Media

• Podcast "Frontend Youth (18+)" # 148: Vue, React, Svelte, Typescript, PWA

• CSSSR podcast: Vue 3 RC, NodeJS releases, Svelte + TS, TSDX, V8 8.5, JS of the future, survey results from JetBrains

• Make Me Pretty Podcast Issue # 39: Hello Svelte! Bye moment.js!

Web development

• Stop it double-coding or 2-way communication between design and code

• Local storage or cookies? Storing JWTs securely on the client

• About the front-end developer role

• Upcoming changes in WordPress 5.5 that theme developers should know about

• Preparing for mobile-first indexing - with additional time in mind

• No-Code renaissance for web developers

• this vs that : Explaining the Difference Between Similar Concepts in Web Development

• Visualizing CORS Work

• PWA
  
  • PWA
  
  • PWA Google, 1
  
  • , - , W3C: 5
  
  

• 
  
  • Lock- npm
  
  • Chrome DevTools 2020
  
  • Webpack:
  
  

• 
  
  •
  
  • HTML-
  
  

CSS

• Innovations CSS - July 2020 (Gap, Aspect ratio, Masonry, Subgrid)

• CSS and multiple pattern

• visual comparison 13 CSS-frameworks

• Generator color themes

• Preparation of maximum benefit from variativnyh fonts Google Fonts

• Analysis CSS using CSS OM: Getting the supported properties, abbreviations and other details

• PostCSS plugin to fix the 100vh bug in iOS

• What does 100% mean in CSS?

• Multiple CSS comics

• Using CSS to detect and switch site themes according to system settings

• Want to get better at coding? Teach Someone CSS.

• Bold text on hover ... no content shifting

• Why CSS Grid Layout won't replace the framework grid

JavaScript

• Writing our dependency free WebSocket server in Node.js

• style9: CSS-in-JS compiler based on stylex ideas from Facebook

• Embedding modern JavaScript in libraries

• Stop duplicating constants in JS and CSS

• Develop and deploy micro-frontend with Single -Spa

• 
  
  •
  
  • JavaScript
  
  • ?
  
  • Javascript 1 , 2
  
  

• React
  
  • React: 50
  
  • React, 4: Cypress Cypress Testing Library
  
  • React Query
  
  • React Guitar — React.
  
  • reactivue — API Vue Composition React
  
  

• Vue
  
  • Vue.js , 7:
  
  • Vue.js , 8:
  
  • Vue 3 RC!
  
  • React Vue. . [ 2020 ]
  
  

• Angular
  
  • Angular
  
  • Angular Language Service Visual Studio
  
  • Blogit — AngularJS + Github
  
  • 10 Angular,
  
  • 15 Angular
  
  • 11 , NGXS Angular
  
  

• Ember
  
  • Ember 3.20
  
  • The Ember Times — Issue No. 158
  
  • ember-csz: CSS-in-JS Ember
  
  • Ember Octane:
  
  

• Libs & Plugins
  
  • tinykeys — (~ 400 B)
  
  • moment-guess —
  
  • svelthree — Svelte three.js
  
  

• Chrome (almost) demolished the extension we had been working on for three years, and does not want to speak for what

• Firefox 79 release , details for web developers from Marat Tanalin

• Protected browsers: choosing the best

• New Microsoft Edge browser crashed, if Google was installed by default in it

• Android version of Chrome will allow you to confirm payments using biometric authentication

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 .