The digest of fresh materials from the world of the front-end for the last week No. 407 (March 16 - 22, 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

• CSSSR podcast: Github bought npm, remote conferences, CSS and Houdini, magic calc (), Java SE 14, toxic Angular
• UnderJS Podcast # 17 - Conversations with Mikhail Bashurov about types and HolyJS
• Podcast “Web Standards” No. 221: Cancellation of events, Firefox and KaiOS, unnecessary CSS, viewport, image sizes, colors, Vue.js
• Frontend Weekend podcast # 103 - Alexey Zolotykh about moving from Chelyabinsk, the value of working with HolyJS PC and many presentations
• Podcast “ Make me beautiful ”, Issue No. 36 - Coronavirus, juniors are better than seniors and inaccessible availability
• Podcast“ pro Conf ”# 54 AngularConnect - ProConf in quarantine | Angular 9 | Ivy | Neurons are coming | How to do a review

Web development

• “Do not close tags!”
• Confusion with headlines: when do they fail in WCAG?
• What does “playsinline” mean in web video?
• Fast frontend integration through components
• Optimization of collaboration between frontend developers
• Just about Clean code and code quality (Code Quality & Clean Code)

• Tools
  • Microsoft buys NPM and will develop it with GitHub
  • SVG optimization tools
  • Prettier 2.0 “2020”
  

• 
  • . … ~33,
  • DevTools Performance Tab – Chrome Profiler
  

• 
  • Web Animations API
  • Three.js
  •
  • box-shadows
  

CSS

• CSS: adventures in the land of translucency
• CSS developers - why do the world need them?
• CSS Grid: Layout adaptive magazine layout in 20 lines
• Tutorial. Simple animation in pure CSS
• When 255 × 0 is not zero
• Combinations in CSS: background-color and linear-gradient
• 'CSS X'
• A complete guide to calc () in CSS
• Neomorphism and CSS
• Placing text along a path using CSS
• Houdini CSS Practical Overview
• All About Auto in CSS
• CSS: Flexible Repeating SVG Masks

Javascript

• Why JavaScript devours HTML: code examples
• Get to know NestJS
• Fully implement it. DI-in-JS
• Google answered questions about SEO for JavaScript
• Mono repositories in JavaScript, anti-pattern
• For ... of loops in Javascript: one loop to manage them all
• Useful tips for using console.log ()
• Angular vs React vs Vue [2020 Update]

• React
  • React
  • React Suspense
  • c React
  • React
  

• Vue
  • Vue.js
  • Vue
  • Vue
  • Vue Jest
  • WikiMedia Vue.js
  • Vue.js Amsterdam 2020
  

• Angular
  • Angular
  • Angular: ,
  • Angular -Angular
  

• Ember
  • The Ember Times — Issue No. 140
  • EmberConf 2020 Notes: EmberConf 2020
  • Ember
  • Ember —
  • EmberConf 2020
  

• Svelte
  • Svelte 3:
  • use Svelte
  

• Libs & Plugins
  • / , vanilla JS, CSS, HTML.
  • heapify — JavaScript,
  • AntV,
  • mutik: (495B) Immer
  

• SameSite = Lax by default - already in Chrome 80 stable (though not for everyone yet)
• Developer appreciated the complexity of modern browsers
• Firefox refuses to support FTP protocol
• Chrome 81 release is postponed due to Google employees switching to work at home
• New Chrome releases delayed by coronavirus

Entertaining

• WordPress and Apache Struts are leading among web-based platforms in terms of exploit vulnerabilities
• OpenSilver project develops an open implementation of Silverlight
• Slack corporate messenger received the largest redesign since its launch
• What is wrong with the remote work instructions: you forgot that there are at home children
• AI Robochronic: algorithms as salvation from coronavirus, artificial prisoners educating artificial intelligence and the sniff chip

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 .