The digest of fresh materials from the world of the front-end for the last week No. 416 (May 18-24, 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. 231: MS Build, Chrome 83, Lighthouse 6, fast Google Fonts, performance Notion, Angular in Russian
• Podcast CSSSR: Deno 1.0, TypeScript 3.9, React Europe online, browser storages, Web Vitals, Regex, SPA problems
• CSSSR podcast: Remote Talk # 13 - Pavel Malyshev, Nizhny Novgorod, Svelte, Smart TV, IT communities in Nizhny Novgorod

Web development

• The semantic web myth
• About storing JWT tokens in browsers
• What's new in Lighthouse 6.0
• Online SEO switcher

• 
  • CSS-
  • Case study: Notion
  • GitLab CI GitLab Artifacts
  • Google Fonts
  

• 
  • Disclosure Widgets: /
  • — GAAD 2020 — Hello A11y
  • 5
  

• 
  • «Inspirational Websites Roundup #15»
  • -, Apple
  • React
  

CSS

• Interesting CSS finds in Twitter design
• Pulling our CSS animations
• CSUN 2020: CSS Display properties vs HTML semantics
• What is Tailwind CSS and how can I add it to my website or application on React?
• Reflections on intermediate states in adaptive transformations
• Infinitely scrollable vertical menu
• Safe / unsafe alignment with CSS flexbox
• Using calc to determine optimal line height
• First steps in a possible implementation of Masonry Layout in CSS
• stylemug - A quick css-in-js library that extracts atomic CSS to a .css file

Javascript

• Stop importing the whole JavaScript packages
• Hexagonal architecture for the Node.js application, or How to make the code more supported
• JavaScript Map gets upsert!
• Third era of JavaScript
• Avoid heavy Babel transformations without using (sometimes) modern JavaScript
• Deno vs. Node.js - the most important differences
• Work on the ES2020 is completed. And that’s why I’m excited
• Creating JavaScript files in your browser
• Detecting inactive users using the Idle Detection API
• Dropbox Blog: Great migration from CoffeeScript to Typescript 2017

• 
  • Electron 9.0.0, Chromium
  • Node v14.3.0 (Current)
  

• 
  • JavaScript
  • DOM diffing JS
  • Machines: JavaScript
  •
  • JavaScript
  • Javascript- Google ( 2)
  

• React
  • 27 React Europe,
  • ️ Reparenting React
  • React
  • React Cypress
  

• Vue
  • (state) Composition API
  • Vue,
  • NuxtJS @nuxtjs/content: content / Markdown, JSON, YAML CSV API MongoDB, Git-based Headless CMS
  • Vue 2 Vue 3?
  • Vue 3
  • Vue Formulate — Vue
  • Vue Class Store — Vue,
  • Vue, RESTful API
  

• Angular
  • Angular-?
  • 6 Angular
  • Angular 8 24 ,
  • DOM Angular
  

• Ember
  • The Ember Times — Issue No. 149
  

• Svelte
  • Svelte 3
  • Drag and drop Svelte, svelte-dnd-action
  • Svelte, ?
  

• Libs & Plugins
  • Alpine.js —
  • Revealjs, , 4.0
  • ts_ci — CI TypeScript GitHub Actions.
  • ac-colors — JavaScript , RGB, HSL, HEX, XYZ, LAB LCHab,
  

• A stable version of Microsoft Edge 83.0 was released
• 70% of security problems in Chromium are caused by memory errors
• Chrome 83 release
• Google Chrome will receive a major security update soon with a redesigned section and a bunch of new tools
• Microsoft Edge browser will get contextual search and integration with Pinterest
• The main life cycle of IE11 will end in October 2020

Entertaining

• Quiz “Why is it called that?”: Check if you know how famous IT titles appeared
• Microsoft officially launched the new Windows Terminal
• In short: Microsoft Lists application, contextual search in Edge and other announcements of Microsoft 365 at Build 2020 conference
• GitLab checked her employees: every fifth caught phishing tricks

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.

← Digest last week
Material prepared dersmoll and alekskorovin .