The digest of fresh materials from the world of the front-end for the last week No. 400 (January 27 - February 2, 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 CSSSR: News 512 - Yarn 2, sunset IE, testing Vue.js, open-source Windows 7, NodeJS sertification
• Podcast CSSSR: Argumentarium - React & Virtual DOM vs. Angular & Incremental DOM
• Devshahta / Night Frontend # 110: When to Start Learning Software Architecture
• Web Standards Podcast # 214: Podcasts, Safari, Flow Browser, IE Era, CSSWG, Yarn or npm, Playwright, JetBrains Mono

Web development

• Web components and open standards
• 2020 web trends worth trying
• Five tips to improve your UI development environment
• Web in 2020: extensibility and compatibility
• ResizeObserver - a new powerful tool for responsive web
• Voice assistants and JAMstack
• Accessible Accordion . Instructions for creating an affordable, inclusive accordion component

• 
  • Yarn 2 — Prolog'
  • mocha jest 14 —
  • DevTools (Chrome 81)
  • 2020
  

• 
  • WordPress lazy-loading
  • AMP -
  • 100 Google PageSpeed
  •
  

• 
  • WebGPU-
  • JavaScript
  • Web Speech API Node.js
  • - Node.js, Tor, Puppeteer Cheerio
  • Smashing Magazine : WordPress JAMstack
  

• SVG
  • SVG
  • SVG… !
  • SVG «use»
  

• 
  • Web Animations API
  • «Inspirational Websites Roundup» #12
  • 2D JavaScript
  

CSS

• Create an animated slideshow in pure CSS
• Methods for hiding elements of web pages
• New mathematical functions in the unit of values ​​and CSS level 4 - another step towards full programming in CSS
• How to create a theme engine using CSS variables and React Context
• Animation width and height in CSS without a flattening effect
• 2 common problems with positioning in CSS
• Animation of transitions for hidden elements
• List of 300+ CSS properties with examples
• Attached table of contents with scrolling active states
• How do you maximize CSS font size?
• Can you make a countdown timer in pure CSS?
• Writing in a circle with offset-path

Javascript

• Basic JavaScript SEO tips
• How to automatically update your JavaScript dependencies
• Visualization of memory management in the V8 Engine (JavaScript, NodeJS, Deno, WebAssembly)
• 5 recommendations for writing quality arrow functions

• Theory
  • How important is the order of properties in JavaScript objects?
  • Understanding immunity in JavaScript
  • Difference between type and interface in TypeScript
  

• React
  • React
  • Next.js 9.2?
  • SVG React
  • Typescript React Redux
  • Error Boundary prop-types package
  

• Vue
  • G&P Boilerplate — - , - vuejs.
  • VueJS Axios
  • VuePress
  • Google Flickr Vue.js
  • Vue.js CSS
  

• Angular
  • Ionic, Angular Firestore
  • Angular: HTTP
  • Angular
  • , Angular
  

• Ember
  • The Ember Times — 132
  • Autotracking: ?
  • timing out
  

• Svelte
  • , Svelte
  • Svelte (16.01 — 01.02)
  • jQuery Svelte,
  

• Libs & Plugins
  • popper 2.0 - updated tooltip engine
  • JavaScript libraries almost never update after installation
  

Browsers

• Independent browsers are more uncompetitive
• The end of the Trident era
• Smashing Podcast, episode 7 with Stephanie Stimac and Aaron Gustafson: What's new in Microsoft Edge?

Entertaining

• Why the methodology will not save your project
• Trends and trends in 2020: meta-analysis Editorial material
• Google will allow you to hide links from search for half a year
• More than 200,000 WordPress sites are at risk due to vulnerabilities in the Code Snippets plugin
• Get it done in 90 days: Visa, JavaScript, Amazon Prime and other projects created in record time

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 .