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 .