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 Podcast "Web Standards" No. 246. Chrome 86, focus, :: marker, font debugging, screen readers, modals, flexes and select

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

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



Web development



habr Strange bug fixes and time-tested debugging strategies

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

habr The path to Federated GraphQL

habr Security of npm projects, part 2

Do you know what GeoJSON is?

Cross-site Scripting (XSS): Detecting and Preventing

ru 5 Little Known Features of Chrome DevTools

ru Google Dispels Popular Content Myths

ru Changing Specific Letters with CSS and JavaScript

ru A Practical Guide to the Web Cryptography API





  • ru imagesize imagesrcset

    ru PRPL : -

    ru AVIF

    ru

    ru Lighthouse





  • ru Reduced Motion ,

    ru SEO

    ru



  • Effects

    ru How to get handwritten animations with jagged strokes using SVG Stroke

    ru Confetti effect buttons



CSS



habr Designing site headers using CSS Flexbox

ru Custom, accessible radio / checkbox buttons with perfect alignment

ru Parsel: a small parser for CSS selectors

ru How perspective works in CSS

ru How to easily create text gradients using CSS.



JavaScript



habr TypeScript. Advanced Types

habr Working with unexpected data in JavaScript

ru Working with media queries in JavaScript

ru Updating the DevTools architecture: switching to JavaScript modules

ru Real compass in mobile browsers using Javascript



  • Theory

    DIY bind function method

    ru Getting started with modern JavaScript - Proxy

    ru Understanding Event Loop, Callbacks, Promise and Async / Await in JavaScript

    ru 5 clean coding best practices in JavaScript



  • React

    habr React:

    habr

    ru Jotai, React

    ru React Chrono — React

    ru React : ,

    ru Redux

    ru React



  • Vue

    ru Vue Teleport — Vue3

    ru () Ionic Vue Beta

    ru VueJs



  • Angular

    ru 3 , CSS Angular

    ru ControlValueAccessor contenteditable Angular

    ru Angular Ivy

    ru rx-query Angular

    ru State Observables Angular

    ru Angular 4



  • Ember

    ru The Ember Times — Issue No. 163

    ru Embroider

    ru Parent Model Route Boundaries



  • Svelte

    ru Svelte JS:



  • Libs & Plugins

    ru Symbolic computation in JavaScript using Math.js

    ru 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 .



All Articles