Digest of fresh materials from the frontend world for the last week # 433 (September 14 - 20, 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     |    Entertaining

Media

• Podcast "Web Standards" No. 248. Safari 14, Mission PostCSS 8, Moment.js Everything, React and Web Components, A Story of Two Color Pickers

• UnderJS Podcast # 26 - Delightful Release (React 18, GraphQL, RN 0.63)

• Frontend Youth (18+) # 155: TypeScript for a lemon

• Podcast "Make Me Beautiful", Issue # 44: Don't worry, it's safe

• Podcast "Web Standards" 247. Edge, browsers, AVIF, statics generators, math for frontend, Habr, reading, translations

• CSSSR podcast : Security releases NodeJS, Ruby 3, AVIF parsing, Erlang JIT-compiler, Web Skills, Laravel 8

• Vadim Makeev's video blog # 34. Type.Today, base64, fonts and subsetting

Web development

• Web Cryptography API: A Case Study

• Google Ranking Factors Affecting Search in 2021: Core Web Vitals, EAT or AMP?

• A selection of creative sites "Inspirational Websites Roundup # 18"

• Tools
  
  • PostCSS 8.0 “President Ose” release: new plugin API, reduced node_modules size, improved source map support and CSS parser improvements.
  
  • PostCSS 8.0: Plugin Migration Guide
  
  • BGJar - Free svg background generator for your sites
  
  • Hidden features of Chrome DevTools
  
  • Tools should not only be for experts - they should turn us into them
  
  

• 
  
  • : , ,
  
  • instant.page
  
  • webpack
  
  

• 
  
  • HTML CSS ,
  
  • .
  
  • 5
  
  

CSS

• Centering in CSS

• How to use masks in CSS

• How to use CSS clipping

• Learning CSS 3D Transforms and Perspective

• Introduction to CSS Animation

• Min, Max and Clamp

• Interaction Media Features and Their Potential

• “CSS Selectors / Combinators are slow, classes - fast ”- They lied to you!

JavaScript

• We work with media queries via JavaScript

• An image that is also Javascript code

• Drag and Drop using linear interpolation in JavaScript

• Practical reactive programming with RxJS

• HTML5 Node Cheat Sheet: 21 APIs You Should Know in 2020

• How we wrote the fastest JavaScript UI Framework, again

• Theory
  
  • JavaScript and TypeScript: 11 Compact Constructs to Know About
  
  • JavaScript Function Secrets
  
  • JavaScript: Scope in Simple Words
  
  • How to Use Fetch with Async / await
  
  • Mastering JavaScript ES6 Symbols
  
  

• React
  
  • React 17: ?
  
  • React Microsoft Office
  
  • WebGL React
  
  • React Query —
  
  • React Components
  
  • React Framer Motion
  
  • Wouter: React Router
  
  • Next.js
  
  • Next.js — Gatsby, Gridsome Nuxt?
  
  • 6 React Hooks
  
  

• Vue
  
  • Vue.js 3.0 «One Piece
  
  • Eleventy Vue — Netlify.com
  
  • Nuxt: Offline First PWA Tutorial
  
  • Vue Flow Form — , Vue.js
  
  • Virtual DOM
  
  • Nuxt SSR
  
  • Vue.js Global Live Online 2020
  
  

• Angular
  
  • 5 Angular
  
  • GraphQL Angular:
  
  • Cypress Angular
  
  • Angular route guards RouterTestingModule
  
  

• Ember
  
  • Building Robust User Interfaces in Ember.js with Statecharts
  
  • Progressive Web App using Ember
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Reusable Svelte component for your page layouts
  
  

• Libs & Plugins
  
  • Stop developing the Moment.js library, which has 12 million downloads per week
  
  • Learn date-fns: a lightweight library for working with dates in JavaScript
  
  

Browsers

• A new version of the Safari 14 browser has been released with improved work of tabs

• Vulnerability in Firefox for Android, allowing you to control the browser over shared Wi-Fi

Entertaining

• Mozilla stops development of Firefox Send and Firefox Notes

• Mozilla launches service to track “offensive content” in YouTube recommendations

• Hack attack first caused human death

• Why loud startup Slack became boring - and that's okay

• Seven programming myths

• Microsoft spoke about the results of the experiment with underwater servers

• How does programming today differ from programming 20 years ago?

• Ranking Factors in Google Local Search in 2020



Last week's digest .

Material prepared by dersmoll andalekskorovin .