Digest of fresh materials from the frontend world for the last week # 432 (September 7 - 13, 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     |    Browsers

Media

• Podcast "Web Standards" No. 246. Chrome 86, focus, :: marker, font debugging, screen readers, modals, flexes and select

• Frontend Youth (18+) podcast # 154 Keep procedures young

• CSSSR podcast - Frontend optimization, adaptability in 2020, scaling NodeJS, SSH -bait and Figma for developers

Web development

• Strange bug fixes and time-tested debugging strategies

• TeX in SVG: an open source solution to help web developers with educational projects

• The path to Federated GraphQL

• Security of npm projects, part 2

• Do you know what GeoJSON is?

• Cross-site Scripting (XSS): Detecting and Preventing

• 5 Little Known Features of Chrome DevTools

• Google Dispels Popular Content Myths

• Changing Specific Letters with CSS and JavaScript

• A Practical Guide to the Web Cryptography API

• 
  
  • imagesize imagesrcset
  
  • PRPL : -
  
  • AVIF
  
  •
  
  • Lighthouse
  
  

• 
  
  • Reduced Motion ,
  
  • SEO
  
  •
  
  

• Effects
  
  • How to get handwritten animations with jagged strokes using SVG Stroke
  
  • Confetti effect buttons
  
  

CSS

• Designing site headers using CSS Flexbox

• Custom, accessible radio / checkbox buttons with perfect alignment

• Parsel: a small parser for CSS selectors

• How perspective works in CSS

• How to easily create text gradients using CSS.

JavaScript

• TypeScript. Advanced Types

• Working with unexpected data in JavaScript

• Working with media queries in JavaScript

• Updating the DevTools architecture: switching to JavaScript modules

• Real compass in mobile browsers using Javascript

• Theory
  
  • DIY bind function method
  
  • Getting started with modern JavaScript - Proxy
  
  • Understanding Event Loop, Callbacks, Promise and Async / Await in JavaScript
  
  • 5 clean coding best practices in JavaScript
  
  

• React
  
  • React:
  
  •
  
  • Jotai, React
  
  • React Chrono — React
  
  • React : ,
  
  • Redux
  
  • React
  
  

• Vue
  
  • Vue Teleport — Vue3
  
  • () Ionic Vue Beta
  
  • VueJs
  
  

• Angular
  
  • 3 , CSS Angular
  
  • ControlValueAccessor contenteditable Angular
  
  • Angular Ivy
  
  • rx-query Angular
  
  • State Observables Angular
  
  • Angular 4
  
  

• Ember
  
  • The Ember Times — Issue No. 163
  
  • Embroider
  
  • Parent Model Route Boundaries
  
  

• Svelte
  
  • Svelte JS:
  
  

• Libs & Plugins
  
  • Symbolic computation in JavaScript using Math.js
  
  • vanilla-colorful - port of react-colorful to vanilla Custom Elements.
  
  

Browsers

• Mozilla introduced new features to promote add-ons to Firefox

• In Chrome began to include blocker resource-intensive ads

• Malicious npm package stole Discord files and browsers

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 .