Digest of fresh materials from the frontend world for the last week # 423 (July 6 - 12, 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

Media

• Web Standards podcast # 237: Firefox 78, new V8 8.4, interesting with Web.Dev Live, WebP versus JPEG comparison, insecure APIs

• CSSSR podcast: web.dev LIVE, React Testing Library, dark ages of the web, performance, NodeJS and RoR releases

• Vadim Makeev's video blog: 28. Autotests and deploy to GitHub Actions: npm scripts, EditorConfig and ssh key setting

• Ya.

Web development

• Numl - Alternative markup and styling language for the web

• NPM tips and tricks

• Make your sites fast, accessible and secure with Google

• Detect mobile browsers without parsing the user agent string: Client Hints

• ARIA Grid as an anti-pattern

• Your SPA is not need a router

• What's new in tools to work with download speed

• Effects
  
  • Display the clipped image on hover
  
  • Creative menu animation effect
  
  

CSS

• Motion Path: An Introduction to Modern Animations

• Little-Known CSS Properties

• CSS Alignment of Logos

• Atomizer vs Minimalist Notation (MN)

• Cicada Principle Revised With CSS Variables

• CSS Rendering Order

• Ten Modern CSS Single-Line Layouts

• CSS News for Jul 2020

• Displaying the current step with CSS Counters

• What is CSS specificity?

• The power of adaptive suffixes in class names

• Deep dive into web fonts

• How to define email client styles

JavaScript

• Managing JavaScript dependencies

• Implementing perfect authentication in your JS application

• Learning and using Composition in JavaScript and TypeScript

• Are we ready to replace Lodash?

• How to parse a URL in JavaScript: hostname, pathname, query, hash

• Complete guide to the ES2020 zero merge operator

• Debounce Explained - How to make your JavaScript wait for the user to finish typing

• Debug SEO problems in JavaScript

• React
  
  • React-: 6
  
  • , React
  
  • Next.js
  
  • 4 React
  
  • Next.js: Server-side Rendering vs. Static Generation
  
  • React
  
  

• Vue
  
  • Vue.js , 1: Vue
  
  • Vue.js , 2:
  
  • Vue.js Vuex
  
  • Vue TDD:
  
  • Tauri Vue.js
  
  • CSS- Vuejs Nuxtjs
  
  

• Angular
  
  • Angular: Template Syntax
  
  • (Angular Reactive)
  
  • Ng v8 to v9
  
  

• Ember
  
  • DOM React vs Ember
  
  • The Ember Times — Issue No. 155
  
  • Ember 2020
  
  

• Svelte
  
  • Dynamic CSS Classes in Svelte
  
  

• Libs & Plugins
  
  • Financial - financial TypeScript / JavaScript library without dependencies
  
  • Top 21 JavaScript libraries and frameworks for working with 3D
  
  • shareon - lightweight and stylish buttons for sharing on social networks
  
  • Malina.js: create a web application without a framework on the client side
  
  

Browsers

• The magic of WebPush in Mozilla Firefox. Inside Look

• Firefox 80 has a setting to redirect from HTTP to HTTPS

• Google Chrome will load pages faster and use more battery power

• Test Firefox more efficiently with machine learning

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 last week

Material prepared dersmoll and alekskorovin