Digest of fresh materials from the world of the frontend for the last week # 454 (8-14 February 2021)

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     |    Entertaining

Media

• Podcast "Web Standards" 268. Npm 7, PCM, V8 v8.9, App History API, pragmatic books, Docker: why, how and whose business

• "News 512" from CSSSR: The Era of ES Modules, Node Releases .js LTS, CSS transition, width & height, WebdriverIO 7, Rust Foundation

• HolyJS 2020 Moscow

• Interview # 1: Open interview frontend developer (Middle)

Web development

• Pain of fronts, or what we need from designers

• Weekly Platform News: WebKit autofill, Cursor Pointer, autoplay delay

• 21 bad front-end habits to give up in 2021

• Accessing hardware on the web

• Developing a productive custom cursor

• Controlling focus in the shadow DOM

• Why you should turn your application into a PWA

• Debug WebAssembly with Chrome DevTools

• Simple animation of lines on hover for links

• Frontend SOLID || Frontend architecture

• Tools
  
  • Vite vs Snowpack: Comparison of Front End Build Tools
  
  • github1s - One second to read code on GitHub using VS Code.
  
  

• Accessibility
  
  • Entering a new digital age of accessibility and inclusion
  
  • Excellent accessibility with floating focus
  
  

CSS

• Waiting for aspect-ratio: all the hacks for proportional boxes

• It's time to say goodbye to the px unit

• 7 basic concepts of CSS Grid Layout with examples to help you get started with grids

• Data exchange between CSS and JavaScript using custom properties

• An interactive tutorial on CSS Transitions

• SmolCSS - a small set of snippets for modern CSS layouts and components

• Controlling the CSS Z-index in large projects

• Prefers-contrast: forced is a bug

JavaScript

• TypeScript: Putting tsconfig on the shelves. Part 1

• How to implement drag & drop in pure JavaScript

• Solve a fun puzzle in JavaScript

• JavaScript dependencies: everything you wanted to know but were afraid to ask

• Programmatically create images with the CSS Painting API

• Theory
  
  • Inversion and Dependency Injection
  
  • 7 interview questions on JavaScript closures.
  
  • A detailed guide to JavaScript expressions and operators
  
  

• React
  
  • Redux
  
  • 12 , Junior React Developer       To-Do List App
  
  • React
  
  • 6 React 2021
  
  • Remotion — React
  
  

• Vue
  
  • Builder Vue.js, 1:
  
  • Builder Vue.js, 2:
  
  

• Angular
  
  • Angular — , Angular
  
  • - Angular 12
  
  • Angular
  
  • Angular Routing:
  
  • RxJS
  
  • TailwindCSS Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 173
  
  • Glimmer Prettier
  
  

• Svelte
  
  • Svelte:
  
  

• Libs & Plugins
  
  • Handsfree.js - Quickly integrate face, hand and / or pose tracking into your front-end projects.
  
  • Mineflayer - Build Minecraft bots using a powerful, stable and high-level JavaScript API.
  
  

Browsers

• Safari became the second Internet Explorer

• Browser identification method through manipulation of Favicon caching

• Chrome will soon stop working on processors older than 15 years

• A critical bug in Firefox could lead to arbitrary code execution

Entertaining

• Dependency attack allowed code execution on servers of PayPal, Microsoft, Apple, Netflix, Uber and 30 other companies

• Favicon icons learned to use as Supercookies

• Research: corporate media on WordPress has become more than usual

• Google, Microsoft and Huawei have teamed up for Keeping Rust alive

• The Tor Project introduced an anonymous ticket system to the GitLab





Digest last week .

Material prepared dersmoll and alekskorovin .