The digest of fresh materials from the world of the front-end for the last week No. 409 (March 30 - April 5, 2020)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Web Development     |    CSS     |    Javascript     |    Browsers     |    Entertaining     |    

Media

• Podcast "Web Standards" No. 224. Safari and Chrome, ES2020, designers and code, palettes, animations, outdated Git Flow and video players
• CSSSR podcast. What will happen in Safari 13.1, web IDE, further understanding ECMAScript, UX and backend, TypeScript 3.9 Beta
• Podcast Frontend Youth (18+) No. 131: First three-dimensional
• Podcast PODLODKA # 154: “UI-frameworks”, visiting Den Abramov
• FrontSpot Scarantino. Issue 01
• ALL YOUR HTML # s3e19: Particles, trails, mouse

Web development

• Concepts underlying Web Audio API
• Intersection Observer API: examples of use
• Tutorial. Interactive SVG diagram
• An easy way to implement responsive images
• BEM Cheat Sheet
• Why are some HTML elements becoming obsolete?
• 30 checklists for web developers, which should be at hand for each team
• Test strategies for front-end developers

• 
  •  Chrome DevTools. Elements
  • MacBook - 2020
  • — - 2020
  • Docker
  

• 
  • -
  • -
  •
  • ( )
  

• 
  • :
  • «Inspirational Websites Roundup #14»
  

CSS

• All about the auto keyword in CSS
• CSS Houdini: a practical guide
• Combinations in CSS: filter and clip-path
• Smooth CSS animation: myth or reality
• Overflow in CSS
• Making JavaScript communicate with CSS and Sass
• 4 CSS Grid properties ( and one value) for most of your layout needs
• LCH colors in CSS: what, why and how?
• CSS-Only Marquee Effect
• Extracted CSS information from Facebook's new design
• WhatsApp CSS reverse engineering

Javascript

• Why is it time to stop using JavaScript IIFE
• Introduction to 3D: Three.js basics
• 10 new JavaScript features in ES2020 that you should know
• How anti-ad blocker works: reverse engineering BlockAdBlock
• What keeps me awake at night like JS to the developer. Discussion of some of the most complex aspects of Javascript and their possible solution
• Layout-isolated components

• Theory
  • Understanding the default parameters in JavaScript
  • Introduction to lambda calculus explained through JavaScript
  • Major JavaScript errors by developers
  

• React
  • React. KISS, YAGNI, DRY
  • 5 React-
  • 9 React
  • CSS React Styled Components
  • React Hooks
  • React — ?
  • - Headless CMS React
  • Dashboard & Map Coronavirus (COVID-19) Gatsby Leaflet
  • React CSS
  

• Vue
  • , Vue Composition API
  • , Vue 3
  

• Angular
  • Test-Driven Jest Angular
  • Angular — 14 Angular
  • Angular Docker
  • JSX Angular
  

• Ember
  • The Ember Times — Issue No. 142
  • Ember Octane:
  • Ember Percy
  • Theemo — Yordle Powered Theme Automator
  

• Svelte
  • Svelte
  • Svelte page.js 1, 2
  • JavaScript , -
  

• Libs & Plugins
  • simdjson 0.3: JSON- !
  • Notyf — JS toast-. , A11Y, .
  • Aeon — , -,
  

• Mozilla has launched the process of replacing the Firefox Beta browser with Fenix
• Google cancels the toughening of third-party cookies offered in Chrome 80
• Microsoft Edge is ahead of Mozilla Firefox in popularity

Entertaining

• A selection of April Fools Day 2020 jokes
• Fedora and CentOS launch Git Forge. GitLab opens up 18 proprietary features
• Google introduced a search and navigation system code for its open source projects
• Steep dive: how the coronavirus pandemic changed the IT industry
• WordPress 5.4 Adderley came out with an improved editor, new blocks and APIs for developers
• Font Awesome appeared new icons related to COVID-19

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .