Digest of fresh materials from the frontend world for the last week # 431 (September 1 - 6, 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

• CSSSR Podcast: Chrome 85, NodeJS 14.9.0, css-reset vs css-normalize, JS and PHP framework releases, goodbye PhoneGap

• UnderJS Podcast # 25 - A Little Break, TypeScript 4, Angular 10

• Youth Front End (18+ ) - # 153 Editing PSD in VSCode

• Podcast "Make Me Beautiful", Issue # 43: The worse the code, the better the programmers (in Aviasales)

• Podcast "Web Standards" # 245. Firefox 80 and Chrome 85, no one new IE, why Yarn 2, new AVIF and WebP v2

• The CSS Podcast # 023: Filters

• Toolsday podcast: "Svelte: A Second Look"

Web development

• Comparison of Blazor and JavaScript-tools

• Security of npm-projects, part 1

• About Shadow DOM

• How to secure REST APIs

• 4 ways to spoof API in front-end development

• 11 micro-frontend frameworks you should know

• Tools
  
  • Everything you need to know to get started with Deno
  
  • Comparison of tools for working with responsive design
  
  • Everything developers need to know about Figma
  
  

• 
  
  • . 2. Event loop, layout, paint, composite
  
  •
  
  • GTmetrix : Lighthouse, , PRO .
  
  • JavaScript ( )
  
  • SVG
  
  

• 
  
  • -
  
  •
  
  •
  
  

CSS

• Custom properties in CSS. Part 1: what it is and how it works , Part 2: application considerations , Part 3: limitations

• Processing images with CSS

• How to use CSS Grid to anchor the header and footer

• Stroke text with CSS: The Complete Guide

• Technique for Adding Wrapping to new line after inline element

• Custom markers using CSS :: marker

• Beyond media queries: using new HTML and CSS features for responsive design

• Header layout using CSS Flexbox

• Options for resolving the viewport bug in Mobile Safari

• How to make a responsive component with a product card without media queries

• Custom CSS styles for input and text fields

• Create a custom scroll bar in 24 lines of CSS

JavaScript

• An overview of ts-migrate - a tool for translating large-scale projects to TypeScript

• Recipes for preparing offline applications

• Error handling in JavaScript

• 10 little-known web APIs you can use

• 
  
  • JavaScript:
  
  • JavaScript Array Insert — JavaScript — Push, Unshift Concat
  
  • JavaScript - Native Private Fields
  
  • async/await JavaScript
  
  • JavaScript:
  
  

• React
  
  • React
  
  • Temper — React
  
  • React
  
  • React Storybook
  
  • React Emotion
  
  

• Vue
  
  • 5 Vue.js,
  
  • 4 Vue
  
  • Vue
  
  • Vue 3.0 Composition API
  
  • VueJS
  
  

• Angular
  
  • NgRx
  
  •
  
  

• Ember
  
  • Ember.js
  
  • Ember Domain Components
  
  • CI GitHub Actions Ember: 2
  
  

• Svelte
  
  • Svelte —
  
  • Svelte/Sapper vs Vue
  
  

• Libs & Plugins
  
  • fg-modal — - filament group
  
  • Brahmos — JS API React .
  
  

• Microsoft has promised to get rid of Adobe Flash in their browsers by the end of the year

• Mozilla: Browser history is enough to reliably identify a user

• DNS protection - now in Chrome for Android

• Chrome 86: improved focusing, WebHID and more

• Why diversity is valuable 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 .