The digest of fresh materials from the world of the front-end for the last week No. 391 (November 25 - December 1, 2019)

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

• CSSSR Podcast: 512 News - JS tooling, Vue 3, a new guide to creating your own React and CSSDB

• Podcast "Devshacht / Night Frontend" # 103: Dependency Injection in JavaScript

• UnderJS Podcast # 9 - Conversation with Vitaly Bragilevsky about Haskell for a student? [Lamp]

• Podcast “Frontend Youth (18+)” # 116 How to become a front-end and save face

• FrontSpot # 15: An ideal team player and career in IT. Interview with the head of the JS Competency Center.

Web development

• Frontend testing

• Meet <details>

• Rust for web developer - quick start and fast flight

• First introduction to AssemblyScript

• Highlights from the Chrome Web Dev Summit 2019 Web Development Forum

• Creating a distorted mask effect on an image using Babylon.js and GLSL

• Bootstrap 4.4.1 Release

• Introduction to the Picture-in-Picture Web API

• I bet on SPA

• Tools
  
  • WebStorm 2019.3: faster launch, improved support for Vue.js and other improvements
  
  • New Lighthouse CI release that automates web performance testing and best practices for every commit
  
  • How I Overcome My Fear of Webpack
  
  • Micro-Interface Architecture: Dynamically import fragments from another Webpack package at runtime. Striped Applications
  
  

• Availability
  
  • WhoCanUse is a tool that provides insights into how color contrast can affect people with visual impairments.
  
  • Checklist to avoid the most common accessibility errors
  
  • Auditing accessibility issues with Firefox Developer Tools
  
  

CSS

• How do you get rid of unused CSS code? Part 1 , Part 2

• Useful CSS Tips

• How to overlap images in CSS

• Too busy with JavaScript to care about CSS? Here are the latest features you want to know about.

• Using custom CSS properties to reduce the size of your CSS

• CSS architecture for modern JavaScript applications

• Simplified responsive typography

• The thought process behind the layout on Flexbox

• Power (and fun) with scope in CSS custom properties

• CSS Class Names That Tell Stories

• Play Sounds Using CSS

Javascript

• Axios or Fetch: what to use in 2019?

• JavaScript does not need to be replaced with anything - other languages ​​will also face the same problems

• Announcement 2019 State of JavaScript Survey

• Physical modeling using JavaScript on HTML5 canvas

• I will never return to JavaScript. How I feel about web development after learning TypeScript

• Theory
  
  • Why is JavaScript required strict mode?
  
  • An example implementation of Composition in JavaScript
  
  • JavaScript Apply and Call Tutorial
  
  • JavaScript delay, sleep, pause and wait
  
  • ES7-ES9 Features # 0 Introduction
  
  • ES7-ES9 Features # 1 Object methods
  
  • Promises from scratch in the post-apocalyptic future
  
  

• React
  
  • How to quickly start development on ReactJS: 3 reliable tools and best practices
  
  • Testing React Hooks with Enzyme and React Testing Library
  
  • 15 Performance Tips to Know When Creating a React.js Application
  
  • Benefits of React Orthogonal Components
  
  • Redux style guide
  
  

• Vue
  
  • 26 Tips for Vue to Save Your Time
  
  • Using Vue.Observable as a State Store
  
  • Domain Architecture Vue.js
  
  • How to load third-party scripts in Nuxt.js
  
  • How Vue Components Work (and How They Simplify Web Development)
  
  • Vuetensils 0.4: awesome components and useful directives
  
  • How to create a responsive layout using Vue Slots
  
  • Animating Vue with GreenSock
  
  • Full Stack Radio Podcast No. 129: Evan You - What's Coming in Vue.js 3.0
  
  

• Angular
  
  • Angular vs. React: array rendering
  
  • 6 steps to Angular-based Microfrontend Shell
  
  • Improve SPA performance by breaking your Angular libraries into several parts
  
  

• Ember
  
  • CSS cleaning in Ember (PostCSS + Purgecss)
  
  • EmberJS Chennai Meetup - November 9th 2019
  
  • Meetup: Ember London
  
  • Ember.js Nizhny Novgorod # 1
  
  

• Libs & plugins
  
  • Quiet.js: a library for receiving and transmitting data by ultrasound
  
  • fix-es-imports - Fix ES import paths - from Node-style to explicit file names
  
  • Jstates - a small JS state library
  
  • Flowy - a small JavaScript library for creating flowcharts
  
  • Creepyface is a js library that makes your face look in the direction of the mouse pointer
  
  

Browsers

• Firefox includes by default blocking of hidden user authentication methods

• Mozilla developers have added an option to control access to about: config

• Flow - Ekioh's fast multi-threaded HTML5 browser with a new rendering engine

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

Last week digest .

Material prepared by dersmoll and alekskorovin .